简介
my-materilas-table 是一个基于 material-ui 组件库的表格组件，它可以帮助我们快速地开发出美观、易用的前端表格。
安装
使用 npm 进行安装：
npm install my-materials-table
使用
基础
-- -------------------- ---- -------
------ ----- ---- --------
------ ------- ---- ---------------------
----- ---- - -
- --- -- ----- ----- ---- -- --
- --- -- ----- ----- ---- -- --
- --- -- ----- ----- ---- -- --
--
----- ------- - -
- ------ ----- ----------- ----- ------ --- --
- ------ ------- ----------- ----- ------ --- --
- ------ ------ ----------- ----- ------ --- --
--
------ ------- -------- ----- -
------ -
---- -------- ------- ---- ------ ------ ---
-------- ----------------- ----------- --
------
--
-自定义单元格
-- -------------------- ---- -------
------ ----- ---- --------
------ ------- ---- ---------------------
----- ---- - -
- --- -- ----- ----- ---- -- --
- --- -- ----- ----- ---- -- --
- --- -- ----- ----- ---- -- --
--
----- ------- - -
- ------ ----- ----------- ----- ------ --- --
-
------ -------
----------- -----
------ ----
----------- -------- -- -
------ --------------------------------
--
--
- ------ ------ ----------- ----- ------ --- --
--
------ ------- -------- ----- -
------ -
---- -------- ------- ---- ------ ------ ---
-------- ----------------- ----------- --
------
--
-自定义列宽度
-- -------------------- ---- -------
------ ----- ---- --------
------ ------- ---- ---------------------
----- ---- - -
- --- -- ----- ----- ---- -- --
- --- -- ----- ----- ---- -- --
- --- -- ----- ----- ---- -- --
--
----- ------- - -
- ------ ----- ----------- ----- ------ --- --
- ------ ------- ----------- ----- ------ --- --
- ------ ------ ----------- ----- ------ --- --
--
------ ------- -------- ----- -
------ -
---- -------- ------- ---- ------ ------ ---
-------- ----------------- ----------- --
------
--
-自定义表头样式
-- -------------------- ---- -------
------ ----- ---- --------
------ ------- ---- ---------------------
----- ---- - -
- --- -- ----- ----- ---- -- --
- --- -- ----- ----- ---- -- --
- --- -- ----- ----- ---- -- --
--
----- ------- - -
- ------ ----- ----------- ----- ------ --- --
- ------ ------- ----------- ----- ------ --- --
- ------ ------ ----------- ----- ------ --- --
--
----- ----------- - -
---------------- ----------
------ --------
----------- -------
--
------ ------- -------- ----- -
------ -
---- -------- ------- ---- ------ ------ ---
-------- ----------------- ----------- ------------------------- --
------
--
-自定义行样式
-- -------------------- ---- -------
------ ----- ---- --------
------ ------- ---- ---------------------
----- ---- - -
- --- -- ----- ----- ---- -- --
- --- -- ----- ----- ---- -- --
- --- -- ----- ----- ---- -- --
--
----- ------- - -
- ------ ----- ----------- ----- ------ --- --
- ------ ------- ----------- ----- ------ --- --
- ------ ------ ----------- ----- ------ --- --
--
----- -------- - -
---------------- ----------
--
------ ------- -------- ----- -
------ -
---- -------- ------- ---- ------ ------ ---
-------- ----------------- ----------- ------------------- --
------
--
-排序功能
-- -------------------- ---- -------
------ ----- ---- --------
------ ------- ---- ---------------------
----- ---- - -
- --- -- ----- ----- ---- -- --
- --- -- ----- ----- ---- -- --
- --- -- ----- ----- ---- -- --
--
----- ------- - -
- ------ ----- ----------- ----- ------ ---- --------- ----- --
- ------ ------- ----------- ----- ------ ---- --------- ---- --
- ------ ------ ----------- ----- ------ ---- --------- ---- --
--
------ ------- -------- ----- -
------ -
---- -------- ------- ---- ------ ------ ---
-------- ----------------- ----------- --
------
--
-总结
my-materilas-table 是一个非常优秀的表格组件，它可以帮助我们更快速地开发出美观、易用的前端表格。希望本文对你学习 my-materilas-table 的使用有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671cc30d0927023822862