在 GitHub 上檢視

Table Copy Rows

Bootstrap Table 的行復制擴展,支持將選中行數據復制到剪貼板。

本頁目錄

該擴展為表格提供了將選中行復制到剪貼板的功能,目前除 Safari 外的桌面瀏覽器均可使用。

用法

<script src="extensions/copy-rows/bootstrap-table-copy-rows.js"></script>

示例

Copy Rows

選項

showCopyRows

  • 屬性: data-show-copy-rows

  • 類型: Boolean

  • 詳情:

    控制是否在工具欄顯示復制按鈕。設置為 true 時,會顯示一個復制按鈕,用戶可以通過該按鈕將選中行的內容復制到剪貼板。

  • 默認值: false

copyDelimiter

  • 屬性: data-copy-delimiter

  • 類型: String

  • 詳情:

    設置復制時用於分隔列值的分隔符。

  • 默認值: ', '

copyNewline

  • 屬性: data-copy-newline

  • 類型: String

  • 詳情:

    設置復制時用於分隔行的換行符。

  • 默認值: '\n'

copyWithHidden

  • 屬性: data-copy-with-hidden

  • 類型: Boolean

  • 詳情:

    控制是否在復制時包含隱藏列。設置為 true 時,會連同隱藏列一起復制。

  • 默認值: false

copyRowsHandler

  • 屬性: data-copy-rows-handler

  • 類型: Function

  • 詳情:

    復制前的數據處理函數。入參為將要復制的文本內容,返回值將作為最終復制到剪貼板的內容。

  • 默認值: function(text) { return text }

列選項

ignoreCopy

  • 屬性: data-ignore-copy

  • 類型: Boolean

  • 詳情:

    設置該列在復制時是否被忽略。設置為 true 時,復制數據時將排除該列。

  • 默認值: false

rawCopy

  • 屬性: data-raw-copy

  • 類型: Boolean

  • 詳情:

    控制是否復制原始值而非格式化後內容。設置為 true 時,將復制原始數據;若列未使用 formatter,則此選項無效。

  • 默認值: false

圖標

  • copy: 'fa-copy'

方法

copyColumnsToClipboard

  • 將選中行的內容復制到剪貼板。

本地化

formatCopyRows

  • 類型: Function

  • 默認值: function () { return "Copy Rows" }