dataTable增加一个按钮组

最新推荐文章于 2021-01-17 11:17:23 发布

原创最新推荐文章于 2021-01-17 11:17:23 发布 · 5.9k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何使用jQuery DataTables插件自定义按钮操作，并展示了如何通过JavaScript为DataTable添加两个按钮：Button2和Button3。这两个按钮分别触发不同的警告框，演示了如何通过配置实现特定的功能。

sDom: '<fB>rt<"table-footer"<"#table-actions"><"table-pager"ilp>>'

new $.fn.dataTable.Buttons( dataTable, {
                    buttons: [
                        {
                            text: 'Button 2',
                            extend : "selected",
                            action: function ( e, dt, node, conf ) {
                                alert( 'Button 2 clicked on' );
                            }
                        },
                        {
                            text: 'Button 3',
                            extend : "selectedSingle",
                            action: function ( e, dt, node, conf ) {
                                alert( 'Button 3 clicked on' );
                            }
                        }
                    ]
                } );
                dataTable.buttons( 1, null ).container().appendTo(
                    $(dataTable.table().container()).find("#table-actions")
                );