jquery中的dataTable表格控件中如何插入超链接或者按钮?

jquery中的dataTable表格控件中如何插入超链接或者按钮?,第1张

jquery.datatable 初始化时可以在column或者columnDefs中定义render方法, 可以返回自定义的表格单元结构

举个栗子(javascript初始化的数据源):

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="author" content="sleest">

    <meta name="description" content="datatable example with column render, 2017/08/04">

    <title>Document</title>

    <link rel="stylesheet" href="https://cdn.bootcss.com/datatables/1.10.15/css/jquery.dataTables.min.css">

</head>

<body>

    <table id="example" class="display" width="100%"></table>

    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>

    <script src="https://cdn.bootcss.com/datatables/1.10.15/js/jquery.dataTables.min.js"></script>

    <script>

    +(function($) {

        var dataSet = [

            ["Tiger Nixon", "System Architect", "Edinburgh"],

            ["Garrett Winters", "Accountant", "Tokyo"],

            ["Ashton Cox", "Junior Technical Author", "San Francisco"],

            ["Cedric Kelly", "Senior Javascript Developer", "London"]

        ]

        $(function() {

            $('#example').DataTable({

                data: dataSet,

                columns: [

                    { title: "Name", sortable: false, render: function(data, type, row) { return '<a href="###">' + data + '</a>' } },

                    { title: "Position", sortable: false },

                    { title: "Office", sortable: false },

                ]

            })

        })

    })(jQuery)

    </script>

</body>

</html>

结果:

具体可以参考官方api:

https://datatables.net/examples/advanced_init/column_render.html

$('#data-list').dataTable({

columnDefs:[{

orderable:false,//禁用排序

targets:[0,4] //指定的列

}]

})

祝你愉快

直接上代码吧:

DataSet ds=bor.borrow_book(bookISBN.Text,"tbname")

DataTable tbl=ds.Tables["tbname"]

tbl.Columns.Add("borrow_time",typeof(string))

tbl.Columns.Add("bor_number",typeof(string))

DataRow dr=tbl.NewRow()

dr["borrow_time"]="2012-12-23"

dr["bor_number"]="1"

tbl.Rows.Add(dr)

dataGridView1.DataSource=tbl

你的错误在于,你的ds中根本就没有名字为tbl的table,况且你已经把table取出来了就没必要再去 *** 作dataset了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/bake/11764877.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存