essa-platform / es-ng-antd

Blame view

build/Table/Table.html 3.5 KB
Edit Raw Normal View History
3a3ecabe   Imshann   init 
1
2
 
  <div class="ant-table-wrapper">
      <es-spin spinning="{{loading}}">
710b4ac0   Imshann   优化 
3
 
          <div ng-class="'ant-table ant-table-'+state.size">
3a3ecabe   Imshann   init 
4
 
              <div class="ant-table-content">
dd962f77   Imshann   优化 
5
6
7
8
9
10
11
12
13
 
                  <table>
                      <thead class="ant-table-thead">
                          <tr>
                              <th ng-if="rowSelection" class="ant-table-selection-column">
                                  <span class="ant-table-header-column">
                                      <div>
                                          <span class="ant-table-column-title">
                                              <div class="ant-table-selection">
                                                  <es-checkbox on-change="handleSelectAll(event)" checked="{{state.isSelectAll}}" />
3a3ecabe   Imshann   init 
14
15
 
                                              </div>
                                          </span>
dd962f77   Imshann   优化 
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
 
                                      </div>
                                  </span>
                              </th>
                              <th ng-repeat="(key, column) in columns track by key" class="ant-table-cell ant-table-column-has-sorters" ng-style="{width:column.width}">
                                      <span ng-if="!column.sorter">{{column.title}}</span>
                                      <div ng-if="column.sorter" class="ant-table-column-sorters" ng-click="handleSorter(column.key)">
                                          <span class="ant-table-column-title">{{column.title}}</span>
                                          <span class="ant-table-column-sorter ant-table-column-sorter-full">
                                              <span class="ant-table-column-sorter-inner">
                                                  <es-icon type="CaretUpOutlined" ng-class="'ant-table-column-sorter-up'+(state.sorter.field===column.key&&state.sorter.order==='ascend'?' active':'')"></es-icon>
                                                  <es-icon type="CaretDownOutlined" ng-class="'ant-table-column-sorter-down'+(state.sorter.field===column.key&&state.sorter.order==='descend'?' active':'')"></es-icon>
                                              </span>
                                          </span>
                                      </div>
                                  </th>
                          </tr>
                      </thead>
                      <tbody class="ant-table-tbody">
                          <tr ng-repeat="(key, record) in state.dataSource track by record[state.rowKey]" class="ant-table-row">
                              <td ng-if="rowSelection" class="ant-table-selection-column">
                                  <span>
                                      <es-checkbox checked="record.checked" disabled="record.disabled" on-change="handleSelect(event,$index)" />
                                  </span>
                              </td>
                                  <td ng-repeat="(key, column) in columns track by key" data-key="{{column.key}}">
                                          <es-slot content="{{record[column.key]}}" context="esTable.getContext().$parent" />
                                      </td>
                          </tr>
                          <tr ng-if="state.dataSource.length===0" class="ant-table-placeholder">
1b6f912f   Imshann   优化 
45
46
47
 
                              <td colspan="{{columns.length}}">
                                  <es-empty image="presented_image_simple"></es-empty>
                              </td>
dd962f77   Imshann   优化 
48
49
50
 
                          </tr>
                      </tbody>
                  </table>
3a3ecabe   Imshann   init 
51
52
53
54
 
              </div>
          </div>
      </es-spin>
  </div>