Table.html
4.04 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<div className="ant-table-wrapper">
<es-spin spinning="{{loading}}">
<div className="ant-table ant-table-default">
<div className="ant-table-content">
<div className="ant-table-body">
<table>
<thead className="ant-table-thead">
<tr>
{rowSelection &&<th className="ant-table-selection-column">
<span className="ant-table-header-column">
<div>
<span className="ant-table-column-title">
<div className="ant-table-selection">
<es-checkbox onChange={this.handleSelectAll.bind(this, event)}
checked={state.isSelectAll} />
</div>
</span>
</div>
</span>
</th>}
{columns.map(function (column, key) {
return <th key="key" style={{width: column.width}}>
<span className="ant-table-header-column">
<div>
<span className="ant-table-column-title">{column.title}</span>
</div>
</span>
</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>
<es-checkbox checked="record.checked" disabled="record.disabled"
onChange={this.handleSelect.bind(this, event, $index)} />
</span>
</td>}
{columns.map(function (column, key) {
return <td data-key="{{column.key}}" key="key">
<es-slot content="{{record[column.key]}}" context="esTable.getContext().$parent" />
</td>
})}
</tr>
})}
{state.dataSource.length === 0 && <tr className="ant-table-placeholder">
<td colspan={columns.length}><div class="ant-empty ant-empty-normal"><div class="ant-empty-image"><svg class="ant-empty-img-simple" width="64" height="41" viewBox="0 0 64 41" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 1)" fill="none" fill-rule="evenodd"><ellipse class="ant-empty-img-simple-ellipse" cx="32" cy="33" rx="32" ry="7"></ellipse><g class="ant-empty-img-simple-g" fill-rule="nonzero"><path d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"></path><path d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z" class="ant-empty-img-simple-path"></path></g></g></svg></div><div class="ant-empty-description">暂无数据</div></div></td>
</tr>}
</tbody>
</table>
</div>
</div>
</div>
</es-spin>
</div>