Table 表格
展示大量结构化数据，可以对这些数据进行排序、搜索、分页、自定义等操作 API文档 组件问题反馈和讨论使用方法
- 支持对数据的基本操作如查看、排序、筛选等，也支持一些复杂操作如自定义等
- 支持表单对页面的自适应，设置最小宽度，页面小于最小宽度时出横向滚动条。
- 保持表单的可读性，每列表格可设置最小宽度以及最多可展示的字段数量，超过最多字段出省略号，鼠标悬停时出完整内容。
基础样式 #
nv-table-wrap 为最基础简单的表格样式，在 th 或者 td 上添加 nv-table-text-right 样式属性表示文字右对齐。批量操作 #
用户可以进行批量操作，在 nv-table-wrap 后面添加 nv-table-checkbox 属性，首列添加 Checkbox 对应组件模块，Checkbox 使用详情见 Checkbox 复选框固定表头 #
引用了 DataTables 插件，固定表头功能只需绑定ID，在js处设置 scrollY 数值即可。| Number | First name | Last name | Position | Office | Age | Start date | Salary | Extn. | Action |
|---|---|---|---|---|---|---|---|---|---|
| 001 | Tiger | Nixon | System | Tokyo | 14 | 01/25 | $800 | 5421 | Edit |
| 002 | Connor | Nixon | System | Tokyo | 24 | 03/25 | $800 | 5421 | Edit |
| 003 | Johnston | Nixon | System | Tokyo | 18 | 10/25 | $800 | 5421 | Edit |
| 004 | Alexander | Nixon | System | Tokyo | 21 | 06/25 | $800 | 5421 | Edit |
| 005 | Amy | Nixon | System | Tokyo | 19 | 04/01 | $800 | 5421 | Edit |
| 006 | Tony | Nixon | System | Tokyo | 16 | 08/25 | $800 | 5421 | Edit |
固定列 #
引用了 DataTables 插件，固定列功能只需绑定ID，在js处设置 fixedColumns 参数即可。| Number | First name | Last name | Position | Office | Age | Start date | Shool | Salary | Extn. | Action |
|---|---|---|---|---|---|---|---|---|---|---|
| 001 | Tiger | Nixon | System | Tokyo | 14 | 01/25 | AU | $800 | 5421 | Edit |
| 002 | Connor | Nixon | System | Tokyo | 24 | 03/25 | AU | $800 | 5421 | Edit |
| 003 | Johnston | Nixon | System | Tokyo | 18 | 10/25 | AU | $800 | 5421 | Edit |
| 004 | Alexander | Nixon | System | Tokyo | 21 | 06/25 | AU | $800 | 5421 | Edit |
| 005 | Amy | Nixon | System | Tokyo | 19 | 04/01 | AU | $800 | 5421 | Edit |
| 006 | Tony | Nixon | System | Tokyo | 16 | 08/25 | AU | $800 | 5421 | Edit |
固定表头和列 #
| Number | First name | Last name | Position | Office | Age | Start date | Shool | Salary | Extn. | Action |
|---|---|---|---|---|---|---|---|---|---|---|
| 001 | Tiger | Nixon | System | Tokyo | 14 | 01/25 | AU | $800 | 5421 | Edit |
| 002 | Connor | Nixon | System | Tokyo | 24 | 03/25 | AU | $800 | 5421 | Edit |
| 003 | Johnston | Nixon | System | Tokyo | 18 | 10/25 | AU | $800 | 5421 | Edit |
| 004 | Alexander | Nixon | System | Tokyo | 21 | 06/25 | AU | $800 | 5421 | Edit |
| 005 | Amy | Nixon | System | Tokyo | 19 | 04/01 | AU | $800 | 5421 | Edit |
| 006 | Tony | Nixon | System | Tokyo | 16 | 08/25 | AU | $800 | 5421 | Edit |