{hero}

按钮.按钮.标题

自:按钮 3.0.0

按钮 title 属性文本。
请注意 - 此属性需要 DataTables 的按钮扩展。

描述

此选项提供了为按钮设置title 属性的功能。这可用于提供按钮的详细描述,或如果你选择在按钮中显示图标而不是文本(使用buttons.buttons.text选项),则可提供一个简单的文本名称。

浏览器将在工具提示中显示 title 属性中给出的文本,该工具提示将在用户将鼠标悬停在按钮上时显示,并且屏幕阅读器等辅助软件可以使用它来更好地通知用户按钮的作用。

类型

字符串

描述

一个将作为按钮的 title 属性设置的纯文本字符串。浏览器会在鼠标悬停在按钮上时显示此文本,屏幕阅读器可以使用它来提高可访问性。

function titleAttr( dt, node, config )

描述

当按钮需要按钮的标题属性文本时,可将buttons.buttons.titleAttr按钮选项定义为一个函数。这使得插件作者可以使用i18n()来轻松地提供按钮中显示文本的国际化支持。它还可能被用于其他复杂的交互。

参数
返回

按钮的可视化文本要显示的字符串

默认值

  • 值:没有默认值(即未定义)

示例

带有 Font Awesome 图标和标题文本的复制按钮

new DataTable('#myTable', {
	layout: {
		topEnd: {
			buttons: [
				{
					extend: 'copyHtml5',
					text: '<i class="fa fa-files-o"></i>',
					titleAttr: 'Copy'
				}
			]
		}
	}
});