{hero}

buttons.buttons.titleAttr

自:Buttons 3.0.0

按鈕的 title 屬性文字。
請注意 - 此屬性需要 DataTables 的 Buttons 擴充套件。

說明

此選項提供為按鈕設定 title 屬性 的能力。這可以用來提供按鈕的詳細描述,或者如果您選擇在按鈕中顯示圖示而不是文字(使用 buttons.buttons.text 選項),則可以使用簡單的文字名稱。

瀏覽器將在使用者將滑鼠游標懸停在按鈕上時,以工具提示顯示 title 屬性中給定的文字,而螢幕閱讀器等輔助工具可以使用它來更好地告知使用者按鈕的功能。

類型

字串

說明

將設定為按鈕 title 屬性的純文字字串。當滑鼠懸停在按鈕上時,瀏覽器將顯示此文字,而螢幕閱讀器可以使用它來改善易用性。

function titleAttr( dt, node, config )

說明

buttons.buttons.titleAttr 按鈕選項可以定義為一個函式,該函式將在 Buttons 需要按鈕 title 屬性的文字時執行。這為外掛程式作者提供了利用 i18n() 輕鬆為按鈕中顯示的文字提供國際化支援的能力。它也可能用於其他複雜的互動。

參數
回傳

要顯示為按鈕視覺文字的字串

預設

  • 值:沒有預設值(即未定義)

範例

帶有 Font Awesome 圖示和標題文字的複製按鈕

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