Question

我正在尝试使用smart-tables，Select row插件，我已将'smart-table'添加到我的应用程序中，如此var myApp = angular.module('myApp', ['ui.bootstrap','smart-table']);

我也改变了指令的第一行（因为它不能复制粘贴它），我改变了这个： ng.module('smart-table').directive('stSelectRow', ['stConfig', function (stConfig)

对此：myApp.directive('stSelectRow', ['stConfig', function (stConfig) {

在我的HTML中我有这个

<table st-table="displayedCollection" st-safe-src="safeCollection" class="table">
  <thead>
  <tr>
    <th>Title</th>
    <th>FieldOne</th>
    <th>FieldTwo</th>
    <th>FieldThree</th>
  </tr>
  </thead>
  <tbody>
  <tr st-select-row="row" st-select-mode="multiple" ng-repeat="row in displayedCollection">
    <td> {{row.Title}} </td>
    <td> {{row.FieldOne}} </td>
    <td> {{row.FieldTwo}} </td>
    <td> {{row.FieldThree}} </td>
  </tr>
</tbody>

如果我删除st-select-row="row" st-select-mode="multiple"表格，但显然不是行选择

我猜我错过了一些依赖或其他东西，我只在我的应用程序中添加了smart-table.min.js，但我认为这应该足够了，我的{{1}中添加了指令（select row plugin）文件。它可能是什么？

Answer 1

这是因为网站上的文档并不完全清楚。但它确实说了

...并且st-selected的class属性在tr元素上设置。

你必须为它选择st-selected的CSS才能“工作”：

.st-selected{
    background: #216eff !important;
    color: white !important;
}

角度智能表插件/指令不会工作

1 个答案: