如何获得jsGrid以使用Bootstrap样式？

问题描述

我有一个表格化的UI，它以Bootstrap表样式在HTML中进行草绘，现在我正在使用jsGrid使其具有功能，我讨厌它，我想让jsGrid使用Bootstrap CSS而不是它自己的。

在Bootstrap中：

在jsGrid中：

我的样机代码是如此简单（重复行已删除）：

<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');
    }
  }
}

jsgrid twitter-bootstrap