CSS代码
/**字符串过长 转化为 。。。**/
table{
width:100px;
table-layout:fixed;/* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */
}
td{
width:100%;
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用*/
-o-text-overflow:ellipsis;
-icab-text-overflow: ellipsis;
-khtml-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
}
js代码
$.fn.bootstrapTableEx = function(opt){
var defaults = {
url: '',
dataField: "rows",
method: 'post',
dataType: 'json',
selectItemName: 'id',
clickToSelect: true,
pagination: true,
smartDisplay: false,
pageSize: 10,
pageList: [10, 20, 30, 40, 50],
paginationPreText: '上一页',
paginationNextText: '下一页',
sidePagination: 'server',
queryParamsType : null,
columns: [],
onLoadSuccess:function(){
$('.bootstrap-table tr td').each(function () {
$(this).attr("title", $(this).text());
$(this).css("cursor", 'pointer');
});
}
// clickToSelect:false,//点击不选中~
}
