jquery-bootgrid 的行颜色

Question

我正在使用 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;";

            }
        }
    });
});

Answer 1

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

新版本三种抢购方式：

来自 NuGet 通过 Install-Package jQuery.Bootgrid -Pre
来自 NPM npm install jquery-bootgrid@1.2.0-rc
来自 github 分支 fixes-and-features

有关其工作原理的更多信息，请参阅 github 上的 issue 72。

jquery-bootgrid 的行颜色

Row color for jquery-bootgrid

jquery-bootgrid