3a3ecabe
 Imshann
init
|
1
|
<div className="ant-table-wrapper">
|
|
81f8a467
Imshann
调整组件前缀
|
2
3
4
5
6
7
|
<div className={"ant-table ant-table-"+state.size}>
<div className="ant-table-content">
<table>
<thead className="ant-table-thead">
<tr>
{rowSelection &&<th className="ant-table-selection-column">
|
|
3fe10ef1
Imshann
优化
|
8
|
{!rowSelection.hideSelectAll && <span className="ant-table-header-column">
|
|
81f8a467
Imshann
调整组件前缀
|
9
10
11
12
13
14
15
16
|
<div>
<span className="ant-table-column-title">
<div className="ant-table-selection">
<antd-checkbox onChange={this.handleSelectAll.bind(this, event)}
checked={state.isSelectAll} />
</div>
</span>
</div>
|
|
3fe10ef1
Imshann
优化
|
17
|
</span>}
|
|
81f8a467
Imshann
调整组件前缀
|
18
19
|
</th>}
{columns.map(function (column, key) {
|
|
3fe10ef1
Imshann
优化
|
20
|
return <th key="key" className="ant-table-cell ant-table-column-has-sorters" style={{ width: column.width }}>
|
|
81f8a467
Imshann
调整组件前缀
|
21
22
23
24
25
26
27
|
{!column.sorter && <span>{column.title}</span>}
{column.sorter && <div className="ant-table-column-sorters" onClick={this.handleSorter.bind(this, column.key)}>
<span className="ant-table-column-title">{column.title}</span>
<span className="ant-table-column-sorter ant-table-column-sorter-full">
<span className="ant-table-column-sorter-inner">
<antd-icon type="CaretUpOutlined" className={"ant-table-column-sorter-up"+(state.sorter.field===column.key&&state.sorter.order==="ascend"?" active":"")}></antd-icon>
<antd-icon type="CaretDownOutlined" className={"ant-table-column-sorter-down"+(state.sorter.field===column.key&&state.sorter.order==="descend"?" active":"")}></antd-icon>
|
|
3a3ecabe
Imshann
init
|
28
|
</span>
|
|
81f8a467
Imshann
调整组件前缀
|
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
|
</span>
</div>}
</th>
})}
</tr>
</thead>
<tbody className="ant-table-tbody">
{state.dataSource.map(function (record, key) {
return <tr className="ant-table-row" key="record[state.rowKey]">
{rowSelection && <td className="ant-table-selection-column">
<span>
<antd-checkbox checked={record.checked} disabled={record.disabled}
onChange={this.handleSelect.bind(this, event, $index)} />
</span>
</td>}
|
|
dd962f77
Imshann
优化
|
44
|
{columns.map(function (column, key) {
|
|
81f8a467
Imshann
调整组件前缀
|
45
46
47
|
return <td data-key="{{column.key}}" key="key">
<antd-slot content="{{record[column.key]}}" context="antdTable.getContext().$parent" />
</td>
|
|
3a3ecabe
Imshann
init
|
48
|
})}
|
|
81f8a467
Imshann
调整组件前缀
|
49
50
51
52
53
54
55
56
57
|
</tr>
})}
{state.dataSource.length === 0 && <tr className="ant-table-placeholder">
<td colspan={rowSelection?columns.length+1:columns.length}>
<antd-empty image="presented_image_simple"></antd-empty>
</td>
</tr>}
</tbody>
</table>
|
|
3a3ecabe
Imshann
init
|
58
|
</div>
|
|
81f8a467
Imshann
调整组件前缀
|
59
|
</div>
|
|
3a3ecabe
Imshann
init
|
60
|
</div>
|