在bootgrid中打开新选项卡并加载链接的方法如下:
<table id="myGrid" class="table table-condensed table-hover table-striped">
<thead>
<tr>
<th data-column-id="id" data-type="numeric">ID</th>
<th data-column-id="name">Name</th>
<th data-column-id="link" data-formatter="linkFormatter">Link</th>
</tr>
</thead>
<tbody>
<!-- 表格数据行 -->
</tbody>
</table>
linkFormatter
,用于将链接显示为可点击的文本。在该函数中,使用window.open()
方法在新选项卡中打开链接。例如:function linkFormatter(value, row, index) {
return '<a href="' + value + '" target="_blank">' + value + '</a>';
}
data-formatter
属性将自定义的列格式化函数应用到链接列。例如:$(document).ready(function() {
$('#myGrid').bootgrid({
ajax: true,
url: 'data.php', // 替换为获取数据的URL
formatters: {
'link': linkFormatter
}
});
});
以上代码假设你有一个名为data.php
的服务器端脚本来提供表格数据。你需要根据实际情况修改URL和数据获取方式。
这样,bootgrid表格中的链接列就会以可点击的形式显示,并在新选项卡中打开链接。
领取专属 10元无门槛券
手把手带您无忧上云