带有额外标题行

时间:2017-10-09 14:12:17

标签: semantic-ui semantic-ui-react

是否可以在第一个标题行上禁用sortable行为?

<table class="ui sortable table">
  <thead>
    <tr>
      <th colspan="2">
        Header
      </th>
    </tr>
    <tr>
      <th>Id</th>
      <th class="ascending sorted">Username</th>
    </tr>
  </thead>
  ...
</table>

目前它的行为如下: enter image description here

标题光标是指针,背景更改onblur / onFocus。

1 个答案:

答案 0 :(得分:1)

您可以添加javascript来处理排序,也可以使用像dataTables这样的流行依赖项来进行表格排序,搜索,过滤等语义UI集成。

要对表进行排序,您可以像这样简单地调用dataTable的实例:

$(document).ready(function() {
    $('#myTable').DataTable();
} );

你应该看看那个参考。它有一个非常简单的示例和使用指南。