Question

我唯一能在网上找到的方法是here，我仍然难过，无法弄明白。

我基本上有一个基于javascript的表，我想要一些字段包含一个图像或一个简单的glyphicon的链接。

例如字段sheet1，sheet2，sheet3我想要包含PDF图标的图像或字形，因为它们是PDF等等，它们将链接到实际文件。

我发现的关于如何做到这一点的大部分文章都是静态表格，因为我的动态是动态的，我很难找到相关的信息。

我无法弄清楚从哪里开始，任何可以指向正确方向的想法都会很棒。

的jquery /自举

$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip();

    $('#table-javascript').bootstrapTable({
        method: 'get',
        url: 'bootstrap_database.php',
        height: 600,
        cache: false,
        striped: true,
        pagination: true,
        search: true,
        pageSize: 20,
        pageList: [20, 40, 60, 100, 200],
        minimumCountColumns: 2,
        clickToSelect: true,
        columns: [{
            field: 'title',
            title: 'Title',
            align: 'center',
            sortable: true
        },{
            field: 'audio',
            title: 'Audio',
            align: 'center',
            sortable: true
        },{
            field: 'sheet1',
            title: 'Sheet 1',
            align: 'center',
            sortable: true
        },{
            field: 'sheet2',
            title: 'Sheet 2',
            align: 'center',
            sortable: true
        },{
            field: 'sheet3',
            title: 'Sheet 3',
            align: 'center',
            sortable: true
        },{
            field: 'lyrics',
            title: 'Lyrics',
            align: 'center',
            sortable: true
        },{
            field: 'sheet1notes',
            title: 'Notes 1',
            align: 'center',
            sortable: true
        },{
            field: 'sheet2notes',
            title: 'Notes 2',
            align: 'center',
            sortable: true
        },{
            field: 'sheet3notes',
            title: 'Notes 3',
            align: 'center',
            sortable: true
        }]
    });
});

HTML

<div class="container">
    <section>
        <div class="row">
            <h1>Music</h1>
            <table id="table-javascript" class="table"></table>
        </div>
    </section>
</div>

Answer 1

以下是示例：http://issues.wenzhixin.net.cn/bootstrap-table/，使用格式化列选项：https://github.com/wenzhixin/bootstrap-table-examples/blob/master/welcome.html#L98

在基于javascript的表字段中添加链接

1 个答案: