锚点
将列数据渲染为 HTML 锚(a
标记)
- 作者:Fedonyuk Anton
- 要求:DataTables 1.10+
用法
有多种不同的方式可以获取并使用此插件。
浏览器
此插件可以在 DataTables CDN 上获得
JS
然后,插件将自动针对全局 DataTables 实例注册自身。如果您使用 Require.js 等 AMD 加载器,也可以使用此文件。
请注意,如果您使用多个插件,则将插件组合成一个文件并将其托管在您自己的服务器上可能会有利于性能,而不是多次向 DataTables CDN 发出请求。
NPM
插件均可在 NPM(也可与 Yarn 或任何其他 Javascript 包管理器一起使用)上获得,作为 datatables.net-plugins
包 的一部分。要使用此插件,请首先安装插件包
npm install datatables.net-plugins
ES 模块
然后,如果您使用 ES 模块,请导入 datatables.net
、任何其他您需要的 DataTables 扩展以及插件
import DataTable from 'datatables.net';
import 'datatables.net-plugins/dataRender/anchor.mjs';
CommonJS
如果您为 Node 使用 CommonJS 加载器(例如旧版本 Webpack 或非模块 Node 代码),请使用以下方法来require
插件
var $ = require('jquery');
var DataTable = require('datatables.net');
require('datatables.net-plugins/dataRender/anchor.js');
示例
// Display `<a href="..." target="_blank">...</a>`
$('#example').DataTable({
columnDefs: [{
targets: 1,
render: $.fn.dataTable.render.anchor()
}]
});
// Display `<a href="mailto:..." class="link">...</a>`
$('#example').DataTable({
columnDefs: [{
targets: 2,
render: $.fn.dataTable.render.anchor('email', {'class': 'link'})
}]
});
版本控制
如果您有任何关于如何改进此插件的想法,或发现任何错误,请在 GitHub 上进行操作,欢迎大家提交拉取请求!
- 此插件:anchor.js
- 完整的 DataTables 插件库:DataTables/Plugins