jquery-bootgrid的行颜色

时间:2015-04-30 22:55:41

标签: jquery-bootgrid

我正在使用bootgrid。我希望根据具体情况突出显示行颜色。我该怎么办?

 <script type="text/javascript">         
          $(document).ready(function () {
          //Basic Example
            $("#data-table-command").bootgrid({

               css: {
                  icon: 'md icon',
                  iconColumns: 'md-view-module',
                  iconDown: 'md-expand-more',
                  iconRefresh: 'md-refresh',
                  iconUp: 'md-expand-less'
               },

        formatters: {
            "commands": function (column, row) {

                return "<a class=\"btn btn-success \"   data-row-id=\"" +     row.id + "\" href=/Ticket/ViewTicket?id=" + row.id + "> <span class=\"md md-  pageview\"></span> View </a>" + "" + "\&nbsp;" + "\&nbsp;" +
                    "<a class=\"btn btn-warning \"   data-row-id=\"" + row.id + "\" href=/Ticket/Close?id=" + row.id + "> <span class=\"md md-close\"></span> Close </a>" + "" + "\&nbsp;" + "\&nbsp;";

            }
        }
    });
});

1 个答案:

答案 0 :(得分:0)

此功能在版本1.2.0中实现,由于缺少文档,目前尚未发布,但很快就会发布。

获取新版本的三种方法:

  1. 从NuGet通过Install-Package jQuery.Bootgrid -Pre
  2. 从NPM通过npm install jquery-bootgrid@1.2.0-rc
  3. 来自github分支fixes-and-features
  4. 有关其工作原理的更多信息,请参阅github上的issue 72