Không thể chọn mục lưới bằng SmartTable trong Angular JS

Question

Tôi đã triển khai lưới bằng cách sử dụng SmartTable trong Angular JS. Theo tài liệu Bảng thông minh, để chọn mục lưới, chúng tôi cần thêm st-select-row="row". Tôi cũng đã thêm cái này nữa. Nhưng tôi không thể chọn lưới.

Ứng dụng được triển khai có thể được nhìn thấy trong plunk (url bên dưới). Ai có thể vui lòng giúp tôi sử dụng hàng lưới như có thể chọn. Ngoài ra, tôi muốn gọi hàm khi nhấp vào trên hàng.

Plunkr here

Answer 1

plunker của bạn thực sự hoạt động

khi lựa chọn một hàng thông minh bàn thêm tài sản isSelected=true với mô hình liên quan và một tên lớp st-selected đến các yếu tố tr

chỉ cần thêm một quy tắc css và bạn sẽ có thể thấy nó

.st-selected{ 
    border-left:4px solid black; 
} 

Answer 2

app.controller('selectionCtrl', ['$scope', '$filter', function (scope, filter) { 
 
    scope.rowCollection = [ 
 
     {firstName: 'Laurent', lastName: 'Renard', birthDate: new Date('1987-05-21'), balance: 102, email: 'whatever@gmail.com'}, 
 
     {firstName: 'Blandine', lastName: 'Faivre', birthDate: new Date('1987-04-25'), balance: -2323.22, email: 'oufblandou@gmail.com'}, 
 
     {firstName: 'Francoise', lastName: 'Frere', birthDate: new Date('1955-08-27'), balance: 42343, email: 'raymondef@gmail.com'} 
 
    ]; 
 
}]);

.st-selected{ 
 
    color:cornflowerblue ; 
 
}

<table st-table="rowCollection" class="table"> 
 
<thead> 
 
<tr> 
 
\t <th st-sort="firstName">first name</th> 
 
\t <th st-sort="lastName">last name</th> 
 
\t <th st-sort="birthDate">birth date</th> 
 
\t <th st-sort="balance">balance</th> 
 
\t <th>email</th> 
 
</tr> 
 
</thead> 
 
<tbody> 
 
<tr st-select-row="row" st-select-mode="multiple" ng-repeat="row in rowCollection"> 
 
\t <td>{{row.firstName | uppercase}}</td> 
 
\t <td>{{row.lastName}}</td> 
 
\t <td>{{row.birthDate | date}}</td> 
 
\t <td>{{row.balance | currency}}</td> 
 
\t <td><a ng-href="mailto:{{row.email}}">email</a></td> 
 
</tr> 
 
</tbody> 
 
</table>