开发手册 欢迎您!
软件开发者资料库

Material Design Lite - DataTable

Material Design Lite DataTable - 从简单和简单的步骤学习Material Design Lite,从基本到高级概念,包括概述,环境设置,布局,网格,标签,页脚,徽章,按钮,卡片,进度条,旋转器,菜单,滑块,复选框,单选按钮,图标,开关,数据表,文本字段,工具提示。

MDL提供了一系列CSS类来应用各种预定义的视觉和行为增强功能,并将表格显示为数据表.下表列出了可用的类及其效果.

Sr.No.Class Name&描述
1

mdl-data-table

将表标识为MDL组件,并且在表元素上是必需的.

2

mdl-js-data-table

将基本MDL行为设置为表,并且在表元素上是必需的.

3

mdl-data-table  -  selectable

设置所有/个人可选行为(复选框)并且是可选的;继续表元素.

4

mdl-data-table__cell  - 非数字

将文本格式设置为数据单元格并且是可选的;表头和表数据单元都有.

5

(无)

默认情况下,将数字格式设置为标题或数据单元格.

示例

以下示例将帮助您了解 mdl-data-table 类对
显示数据表的使用.

mdl_data_tables.htm

                                                                 Student               ClassGrade                                       Mahesh Parashar               VIA            Rahul Sharma               VIB            Mohan Sood               VIA                     

结果

验证结果.