vm.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'}
];
vm.removeRow = function removeRow(row) {
var index = scope.rowCollection.indexOf(row);
if (index !== -1) {
scope.rowCollection.splice(index, 1);
}
}
});
<table st-table="vm.rowCollection" class="table table-striped">
<thead>
<tr>
<th>C name</th>
<th>last name</th>
<th>birth date</th>
<th>balance</th>
<th>email</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="row in vm.rowCollection">
<td>{{row.firstName | uppercase}}</td>
<td>{{row.lastName}}</td>
<td>{{row.birthDate | date}}</td>
<td>{{row.balance | currency}}</td>
<td>
<button class="btn btn-sm" popover-placement="top" popover="{{row.email}}" type="button">
<i class="glyphicon glyphicon-eye-open"></i>
</button>
<a ng-href="mailto:{{row.email}}">email</a></td>
<td>
<button type="button" ng-click="removeRow(row)" class="btn btn-sm btn-danger">
<i class="glyphicon glyphicon-remove-circle">
</i>
</button>
</td>
</tr>
</tbody>
</table>
<thead>
<tr>
<th>C name</th>
<th>last name</th>
<th>birth date</th>
<th>balance</th>
<th>email</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="row in vm.rowCollection">
<td>{{row.firstName | uppercase}}</td>
<td>{{row.lastName}}</td>
<td>{{row.birthDate | date}}</td>
<td>{{row.balance | currency}}</td>
<td>
<button class="btn btn-sm" popover-placement="top" popover="{{row.email}}" type="button">
<i class="glyphicon glyphicon-eye-open"></i>
</button>
<a ng-href="mailto:{{row.email}}">email</a></td>
<td>
<button type="button" ng-click="removeRow(row)" class="btn btn-sm btn-danger">
<i class="glyphicon glyphicon-remove-circle">
</i>
</button>
</td>
</tr>
</tbody>
</table>
angular module snippet : 'smart-table'
I am getting the data but i dont see the table ..any idea why i am not getting the table ?
Hi everyone, I've encountered a problem with stSearch directive in the way it uses $ symbol for "all columns" filtering. I have a watch on tableState().search and it doesn't fire when the value in $ is changed. This happens because angular.equals ignores fields starting with $.
Are there any workarounds for this?
I did not find any issues on this but this one lorenzofox3/Smart-Table#389, which was closed without any changes. Also above I see @ByJC asking the reason why cleaning search is required. This is the reason: $ is ignored and watcher doesn't fire.
Are there any workarounds for this?
I did not find any issues on this but this one lorenzofox3/Smart-Table#389, which was closed without any changes. Also above I see @ByJC asking the reason why cleaning search is required. This is the reason: $ is ignored and watcher doesn't fire.
It looks like combining Date Range filter (Date and numeric filtering example) with Persistent State (saved to Local Storage) does not work nicely.
When refreshing the page, the filter is getting applied, but the input field stays blank.
Is there an easy way to make the Date Range filter to populate on page refresh?
Note that regular filter (global) works as expected.
is any support actually happening in here?
im using "angular": "^1.5.0" and "angular-smart-table": "^2.1.8" -- and after i get the table, i cant sort, filter, page, etc -- none of the examples other than filling the table seem to be working
ah right, yes in ng-repeat we're actually repeating off the displayed... maybe that should be more clear (or im just a dumbass)
I'm wondering if there is any way to retrieve the set of filtered items, and not only a page of filtered items. If this is not possible, I was also hoping to find a count of pages for the filtered items. Does kind of thing exist?
Does this* kind...
Actually, I might be derping, there is another page of issues that might have what I'm looking for... one second...
I'll research some more and get back here if I am completely at a loss.
I basically have two smart tables and I want to do some action on table A, and then refresh table B after that (something may change in what the backend will show for that table)
@samupl yes it is possible
I know, for example, I can do a click directive for that. But I don't know how would I make a directive that would allow me to update the table without clicking anything, from the controller level.
Hi there.
The table must know the total number of pages in order to operate. This, however, is a big problem (for big data sets), since 'jump' is a very expensive on MongoDB. So, when you load big data, the request times out.
My question is how to customize smart-table so that it does not require the Total Count. I am fine to drop some of the functionality, like Jump to Last Page, or Jump to a Specific Page. If I can paginate incrementally page by page, it is acceptable.
The table must know the total number of pages in order to operate. This, however, is a big problem (for big data sets), since 'jump' is a very expensive on MongoDB. So, when you load big data, the request times out.
My question is how to customize smart-table so that it does not require the Total Count. I am fine to drop some of the functionality, like Jump to Last Page, or Jump to a Specific Page. If I can paginate incrementally page by page, it is acceptable.
@lorenzofox3 Thanks for your suggestion.
I set the total to a very large number.
Added logic to prevent clicking Next when response brings 0 items back.
Removed Jump to Last Page. Removed Jump to a Specific Page.
Now I can still paginate Left and Right and jump to First page.
Thank again!
Hi guys,
How to make "smart tables" responsive like this http://prnt.sc/b3kt8r and this https://css-tricks.com/examples/ResponsiveTables/responsive.php for mobile ?
How to make "smart tables" responsive like this http://prnt.sc/b3kt8r and this https://css-tricks.com/examples/ResponsiveTables/responsive.php for mobile ?
I'm trying to isolate a strange IE bug and I just want to make sure I am using the grid correctly
@mpaul31_twitter I witnessed something similar to that behavior but I'm pretty it has something to do with the code I have. The project I am working in is using browsersync and VS 2015 and I think IE/Edge tries to do intelligent debugging or something where it only debugs when it sees the dev tools open, but I couldn't tell you for sure.
I'm having an issue with st-search, upon leaving the table and making a new one, the search field is not reset. I've found several directives, such as the one at lorenzofox3/Smart-Table#164, but they don't actually clear the search field, they just reset the table. Any ideas?
I'm trying to factorise smart-Table inside a reusable custom directive and I've encountered some issues when using search and sort feature. I couldn't find an example/snippet of smart-Table being wrap in a custom directive. If anyone has some kind of documentation/code snippet / or tutorial example It would be nice. thanks to you guys
@lorenzofox3 can you give me answer
Hi, I'm new here.. thanks in advance. I have an issue with 'strict select': the select input (filter) is not updated when data changes. More details in this example in http://plnkr.co/edit/vKy1mvwsFLWhfS9wztl1?p=preview
anyone having issues with paginator always applying the active class to the first page link?
Hello everyone, I am new to front end development. I am building the front end for a CMS and using smart table in many of the views. Data is loaded to the smart table by fetching from backend via HTTP request. Backend API supports pagination. I am not sure how do I need to modify the smart table in front end to support the server side pagination. Each page from server contains 100 rows. In front end, I want the number of rows per page to be variable. For example, I can choose to display 10 rows per page in front end. Then the first http request should allow to me to view 10 pages in front end. When I click on 11th page, it should fetch the next set of 100 rows from server. Does smart table support this ? If not, what all do I need to tweak ?
Also, although the sort functionality works well if data is fetched one time, but I want to modify it so that each time sort is clicked, it should send a request to the backend API so that I can load correct set of rows in front end. I tried using
ng-click and calling a function when the table header field is clicked. Using the class of the header field, I can see whether the sort order is ascent or descent. But doing so involves a lot of hacks. If there is a cleaner way built into the smart table library, that would be great