按钮

自：Buttons 3.0.0 起

表格控件按钮。
请注意 - 此属性需要 Buttons 扩展才能支持 DataTables。

说明

DataTables 的 Buttons 扩展使您可以轻松地将按钮集添加到 DataTable 中，以便控制表格中的数据。Buttons 提供了一组按钮，可用于将数据从表格中导出为多种格式并进行基本的表格控制，但更通常的是为其他 DataTables 扩展设置一个框架，以提供定义控件按钮的通用方式。

类型

数组

说明

大多数按钮配置并不涉及 DOM 配置和 Buttons 呈现的其他选项，而只是与呈现哪些按钮以及如何单独构建按钮有关。因此，为了提供一个快捷方式，可以将此选项作为数组提供。此数组将自动映射到 buttons.buttons 选项。

例如，以下两个配置在功能上是相同的

// Using `buttons` as an array
new DataTable('#myTable', {
    layout: {
        topStart: {
            buttons: [ 'copy', 'csv', 'excel' ]
        }
    }
} );

// Using `buttons.buttons`
new DataTable('#myTable', {
    layout: {
        topStart: {
            buttons: {
                buttons: [ 'copy', 'csv', 'excel' ]
            }
        }
    }
} );

对象

说明: 作为对象，此选项提供了在初始化 DataTable 时创建的 DataTables Buttons 扩展的单个实例的配置能力。要了解此对象中可用的全部参数，请参阅 Buttons 初始化引用的其余部分。

示例

使用默认值创建按钮

new DataTable('#myTable', {
	layout: {
		topStart: 'buttons'
	}
});

使用按钮数组创建按钮

new DataTable('#myTable', {
	layout: {
		topStart: {
			buttons: ['copy', 'csv', 'excel']
		}
	}
});

使用对象配置创建按钮

new DataTable('#myTable', {
	layout: {
		topStart: {
			buttons: {
				name: 'primary',
				buttons: ['copy', 'csv', 'excel']
			}
		}
	}
});