首页 > 其他 > 详细

bootsraptable 字段超出用省略号代替,更改字号大小

时间:2021-06-05 11:15:16      阅读:20      评论:0      收藏:0      [点我收藏+]
<div class="tablebox" style="padding: 1px">
<table id="table" style="table-layout:fixed;"></table>
</div>


-------------------------------

<script type="text/javascript">
//表格超出宽度鼠标悬停显示td内容
function paramsMatter(value, row, index) {
var span = document.createElement("span");
span.setAttribute("title", value);
span.innerHTML = value;
return span.outerHTML;
}

//td宽度以及内容超过宽度隐藏
function formatTableUnit(value, row, index) {
return {
css: {
"white-space": "nowrap",
"text-overflow": "ellipsis",
"overflow": "hidden",
{#"max-width":"150px",#}
"font-size": "11px"
}
}
}
</script>

----------------------------------
columns: [{
field: ‘event_time‘,
title: ‘报警时间‘,
align: ‘center‘,
valign: ‘middle‘,
cellStyle: formatTableUnit,
formatter: paramsMatter
}

bootsraptable 字段超出用省略号代替,更改字号大小

原文:https://www.cnblogs.com/meili970202/p/14851922.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!