demo
This commit is contained in:
parent
527a3b5f1e
commit
e84689ea91
|
@ -10,7 +10,6 @@
|
|||
|
||||
import React, { Component } from "react";
|
||||
import Table from "../../src";
|
||||
import {Button} from "tinper-bee";
|
||||
|
||||
import dragColumn from '../../src/lib/dragColumn';
|
||||
|
||||
|
@ -106,7 +105,7 @@ for (let i = 0; i < 20; i++) {
|
|||
|
||||
const DragColumnTable = dragColumn(Table);
|
||||
|
||||
class Demo32 extends Component {
|
||||
class Demo12 extends Component {
|
||||
render() {
|
||||
return (
|
||||
<DragColumnTable
|
||||
|
@ -125,4 +124,4 @@ class Demo32 extends Component {
|
|||
}
|
||||
}
|
||||
|
||||
export default Demo32;
|
||||
export default Demo12;
|
||||
|
|
|
@ -50,7 +50,7 @@ const data = [
|
|||
const MultiSelectTable = multiSelect(Table, Checkbox);
|
||||
const ComplexTable = sort(MultiSelectTable, Icon);
|
||||
|
||||
class Demo33 extends Component {
|
||||
class Demo13 extends Component {
|
||||
constructor(props) {
|
||||
super(props);
|
||||
}
|
||||
|
@ -101,4 +101,4 @@ class Demo33 extends Component {
|
|||
}
|
||||
}
|
||||
|
||||
export default Demo33;
|
||||
export default Demo13;
|
|
@ -9,7 +9,7 @@
|
|||
import React, { Component } from 'react';
|
||||
import Table from '../../src';
|
||||
|
||||
const columns26 = [
|
||||
const columns = [
|
||||
{ title: "姓名", width: 180, dataIndex: "name", key: "name", filterType: "text", filterDropdown: "show" },
|
||||
{ title: "年龄", width: 150, dataIndex: "age", key: "age", filterType: "dropdown", filterDropdown: "show" },
|
||||
{ title: "日期", width: 200, dataIndex: "date", key: "date", filterType: "date", filterDropdown: "show", format: "YYYY-MM-DD" },
|
||||
|
@ -17,7 +17,7 @@ const columns26 = [
|
|||
{ title: "备注", dataIndex: "mark", key: "mark" }
|
||||
];
|
||||
|
||||
const data26 = [
|
||||
const data = [
|
||||
{
|
||||
key: "1",
|
||||
name: "John Brown",
|
||||
|
@ -83,7 +83,7 @@ const data26 = [
|
|||
}
|
||||
];
|
||||
|
||||
class Demo26 extends Component {
|
||||
class Demo23 extends Component {
|
||||
handlerFilterChange = (key, val, condition) => {
|
||||
console.log('参数:key=', key, ' value=', val, 'condition=', condition);
|
||||
}
|
||||
|
@ -98,9 +98,9 @@ class Demo26 extends Component {
|
|||
filterDelay={500}//输入文本多少ms触发回调函数,默认300ms
|
||||
filterable={true}//是否开启过滤数据功能
|
||||
bordered
|
||||
columns={columns26}
|
||||
data={data26} />;
|
||||
columns={columns}
|
||||
data={data} />;
|
||||
}
|
||||
}
|
||||
|
||||
export default Demo26;
|
||||
export default Demo23;
|
|
@ -13,7 +13,7 @@ import Table from '../../src';
|
|||
import multiSelect from '../../src/lib/multiSelect';
|
||||
import sort from '../../src/lib/sort';
|
||||
|
||||
const data27 = [
|
||||
const data = [
|
||||
{
|
||||
key: "1",
|
||||
name: "John Brown",
|
||||
|
@ -82,7 +82,7 @@ const data27 = [
|
|||
|
||||
const MultiSelectTable = multiSelect(Table, Checkbox);
|
||||
const ComplexTable = sort(MultiSelectTable, Icon);
|
||||
class Demo27 extends Component {
|
||||
class Demo24 extends Component {
|
||||
constructor(props) {
|
||||
super(props);
|
||||
this.state = {
|
||||
|
@ -107,7 +107,7 @@ class Demo27 extends Component {
|
|||
let multiObj = {
|
||||
type: "checkbox"
|
||||
};
|
||||
let columns27 = [
|
||||
let columns = [
|
||||
{
|
||||
title: "姓名",
|
||||
width: 180,
|
||||
|
@ -162,9 +162,9 @@ class Demo27 extends Component {
|
|||
getSelectedDataFunc={this.getSelectedDataFunc}
|
||||
bordered
|
||||
multiSelect={multiObj}
|
||||
columns={columns27}
|
||||
data={data27} />;
|
||||
columns={columns}
|
||||
data={data} />;
|
||||
}
|
||||
}
|
||||
|
||||
export default Demo27;
|
||||
export default Demo24;
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue