css：

<link rel="stylesheet" href="../dist/css/zui.min.css">
<link rel="stylesheet" href="../dist/lib/datatable/zui.datatable.min.css">

js：

<script src="../dist/js/jquery-1.8.3.min.js"></script>
<script src="../dist/js/zui.min.js"></script>
<script src="../dist/lib/datatable/zui.datatable.min.js"></script>

html：

<thead>
<tr>
<!-- 以下两列左侧固定 -->
<th>账号</th>
<th>姓名</th>
<th  class="flex-col">手机号码</th>
<th  class="flex-col">电子邮箱</th>
<th  class="flex-col">手机号码</th>
<th  class="flex-col">电子邮箱</th>
<th  class="flex-col">手机号码</th>
<th  class="flex-col">电子邮箱</th>
<th>角色名称</th>
<th>创建时间</th>
<th>操作</th>
</tr>
</thead>
<tbody>....

也同样初始化了：$('table.datatable').datatable({checkable: true, sortable: true});

为什么datable的效果没出来？