buttons.buttons.titleAttr
自:Buttons 3.0.0
按鈕的 title
屬性文字。
請注意 - 此屬性需要 DataTables 的 Buttons 擴充套件。
說明
此選項提供為按鈕設定 title
屬性 的能力。這可以用來提供按鈕的詳細描述,或者如果您選擇在按鈕中顯示圖示而不是文字(使用 buttons.buttons.text
選項),則可以使用簡單的文字名稱。
瀏覽器將在使用者將滑鼠游標懸停在按鈕上時,以工具提示顯示 title
屬性中給定的文字,而螢幕閱讀器等輔助工具可以使用它來更好地告知使用者按鈕的功能。
類型
function titleAttr( dt, node, config )
- 說明
buttons.buttons.titleAttr
按鈕選項可以定義為一個函式,該函式將在 Buttons 需要按鈕 title 屬性的文字時執行。這為外掛程式作者提供了利用i18n()
輕鬆為按鈕中顯示的文字提供國際化支援的能力。它也可能用於其他複雜的互動。- 參數
名稱 類型 可選 1 dt
否 主機 DataTable 的 DataTables API 實例
2 node
否 按鈕節點的 jQuery 實例
3 config
否 按鈕的設定物件
- 回傳
要顯示為按鈕視覺文字的字串
預設
- 值:
沒有預設值(即未定義)
範例
帶有 Font Awesome 圖示和標題文字的複製按鈕
new DataTable('#myTable', {
layout: {
topEnd: {
buttons: [
{
extend: 'copyHtml5',
text: '<i class="fa fa-files-o"></i>',
titleAttr: 'Copy'
}
]
}
}
});