介绍
datatables.net-rowgroup-bs4是基于Bootstrap4的datatables.net插件提供了分组行的功能。在使用这个插件时，你可以将数据按某一列分组，同时支持自定义分组行的样式。
安装
你可以在项目文件夹中使用npm安装该插件。
--- ------- ---------------------------
使用
在 HTML 中引入以下文件：
----- ---------------- --------------- ---------------------------------------------------------------------------- ------- ------------------------------------------------------- ------- ------------------------------------------------------------------------------ ------- ---------------------------------------------------------------------------------- ------- --------------------------------------------------------------------------------------- ------- -----------------------------------------------------------------------------------------
在JS中实例化datatable表格，并使用rowGroup插件调用。
---------------------------- -
------------------------ -
------------- -
- ---------- ------ ---------- - -
--
-------- -- -- ----- ---
----------- -
---------- -
-
- --
- --示例
下面是一个使用datatables.net-rowgroup-bs4插件的示例。
--------- -----
------
------
----- ----------------
---------------------------------- ------------
----- ---------------- --------------- ----------------------------------------------------------------------------
----- ---------------- --------------- ---------------------------------------------------------------------------------
------- -------------------------------------------------------
------- ------------------------------------------------------------------------------
------- ----------------------------------------------------------------------------------
------- ---------------------------------------------------------------------------------------
------- -----------------------
---------------------------- -
------------------------ -
------- ---------------------------
------------- -
- ---------- ------ ---------- - -
--
-------- -- -- ----- ---
---------------- ---
--------------- -------- - -------- - -
--- --- - -----------
--- ---- - --------- ---------------- ----------
--- ----------
------------- ---------------- -------------- -------- - ------ - - -
-- - ---- --- ----- - -
----------- - ---------
---- ----------------- --------------------------------
--
---- - ------
-
- --
-
- --
- --
---------
-------
------
---- ------------------
------ ------------ ------------ -------------- -------------- -------------------
-------
----
-------------
-----------------
---------------
------------
--------- ---------
---------------
-----
--------
-------
----
--------- ----------
---------- --------------
------------------
-----------
-------------------
-----------------
-----
----
----------- ------------
-------------------
--------------
-----------
-------------------
-----------------
-----
----
------------ -----------
---------- ---------- --------------
------------------
-----------
-------------------
----------------
-----
----
------------ -----------
------------ -------------
---------------
-----------
-------------------
-----------------
-----
----
----------- ----------
---------- ------------
------- ---------
-----------
-------------------
-----------------
-----
--------
--------
------
-------
-------总结
datatables.net-rowgroup-bs4是一个非常方便和实用的插件，为datatable表格提供了分组行的功能。建议在使用分组行的时候，设计好分组行的样式，并使用合适的分组方式使得数据展示更加直观和便于查看。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/163711