如何解决如何获得jsGrid以使用Bootstrap样式?
我有一个表格化的UI,它以Bootstrap表样式在HTML中进行草绘,现在我正在使用jsGrid使其具有功能,我讨厌它,我想让jsGrid使用Bootstrap CSS而不是它自己的。
<table class="table table-striped light">
<tr>
<th>Team</th>
<th>Agent</th>
<th>State</th>
<th>Duration</th>
</tr>
<tr><td>GLAM-pg01-s</td><td>Mildred DrysDale</td><td>Idle</td><td>01:39:33</td></tr>
<tr><td>GLAM-pg01-s</td><td>Mildred DrysDale</td><td>Idle</td><td>01:39:33</td></tr>
<tr><td>GLAM-pg01-s</td><td>Mildred DrysDale</td><td>Idle</td>
</table>
问题是,jsGrid似乎只允许将CSS应用于ROWS和CELLS,而不是整个表。
我将尝试在DOM渲染后获取它,并在jsGrid将其写入后使用table标签进行修饰,希望可以做到这一点。但是,我希望有人对jsGrid有更好的了解,可以提供一个“公认的”过程来放弃默认CSS。
为什么显示滚动条时没有拇指?嗯...
解决方法
好吧,这就是我的机智-我只是在通过jsGrid渲染DOM元素之后将类添加到DOM元素中。它还可以纠正滚动错误。
function displayData(results) {
$('#daGrid').jsGrid( {
width: '100%',height: '90%',autoload: false,selecting: true,data: results,rowClick: onRowClick,fields: chatAgents.layout
});
correctCSS();
}
function correctCSS() {
$('table').addClass('table table-striped light');
var h = $('.jsgrid-grid-body').css('height');
if( h ) {
h = h.match((/\d*/));
if( h[0] > 500 ) {
$('.jsgrid-grid-body').height(490);
$('.jsgrid-grid-body').css('overflow-y','scroll');
}
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。