documentation website for smart table
lorenzofox3 / smart-table-website Goto Github PK
View Code? Open in Web Editor NEWdocumentation website for smart table
documentation website for smart table
For default sorting, simply doing <th st-sort="myProperty" st-sort-default>
will not sort the data by that column. If I do st-sort-default="reverse"
, that correctly sorts in reverse. As a fix, I tried doing st-sort-default="whatever"
and that did the trick. It doesn't seem to matter what value is used, just as long as it's provided and it's not "reverse" for the default ascending order.
Hi Lorenzo - absolutely great job on smart-table!! One minor revision to the sort documentation - include a description of the st-sort-ascent and st-sort-descent CSS classes.
Best,
Brian Cummings
Hi,
This is great angularjs table. Nice work!
I am facing huge memmory leak when i used the samrt table in phone gap hyrbrid application.RAM usage of Android application huge. I am using multiple smart tables in single page.RAM usage is increasing after each root change.Please help me to solve this issue
The intrasite hash links work when clicking a link on the site, but they don't seem to work when following a link from outside of the site or when refreshing the page. For example:
http://lorenzofox3.github.io/smart-table-website/#/section-filter
When we access our webapp which includes smart-table, on iOS-based devices, we intermittently get these errors:
angular.min.js:89:239Error: [$compile:ctreq] http://errors.angularjs.org/1.3.0-beta.5/$compile/ctreq?p0=stTable&p1=stPagination
http://172.22.201.3/activehmobile/JS/AngularJS/angular.min.js:6:461
K@http://172.22.201.3/activehmobile/JS/AngularJS/angular.min.js:50:280
H@http://172.22.201.3/activehmobile/JS/AngularJS/angular.min.js:53:296
f@http://172.22.201.3/activehmobile/JS/AngularJS/angular.min.js:46:315
f@http://172.22.201.3/activehmobile/JS/AngularJS/angular.min.js:46:332
f@http://172.22.201.3/activehmobile/JS/AngularJS/angular.min.js:46:332
f@http://172.22.201.3/activehmobile/JS/AngularJS/angular.min.js:46:332
H@http://172.22.201.3/activehmobile/JS/AngularJS/angular.min.js:53:201
f@http://172.22.201.3/activehmobile/JS/AngularJS/angular.min.js:46:315
http://172.22.201.3/activehmobile/JS/AngularJS/angular.min.js:45:592
http://172.22.201.3/activehmobile/JS/AngularJS/angular.min.js:47:210
z@http://172.22.201.3/activehmobile/JS/AngularJS/angular.min.js:50:449
http://172.22.201.3/activehmobile/JS/AngularJS/angular.min.js:193:192
$digest@http://172.22.201.3/activehmobile/JS/AngularJS/angular.min.js:106:313
$apply@http://172.22.201.3/activehmobile/JS/AngularJS/angular.min.js:109:294
http://172.22.201.3/activehmobile/JS/AngularJS/angular-touch.min.js:11:389
dispatch@http://172.22.201.3/activehmobile/JS/jquery.mobile-1.3.1/jquery-1.9.1.min.js:2:28520
handle@http://172.22.201.3/activehmobile/JS/jquery.mobile-1.3.1/jquery-1.9.1.min.js:2:25225
Are there any known issues with smart-table on iOS?
when sort the column, it that possible show a waiting spinner? after sorting is done, the hide the waiting spinner.
because some sort take longer time.
This is were you use the stSafeSrc attribute
The were should be where
On this line:
https://github.com/lorenzofox3/smart-table-website/blob/gh-pages/sections/pipe/markup.html#L168
It currently has st-item-by-page="10"
. Should be st-items-by-page="10"
. Notice the missing s. If I run the current example, the attribute is not recognized and its value is ignored. I tried setting it to 5, for instance, and paging still skipped 10 at a time. Spent a while trying to figure out why. I eventually looked at other examples to figure out the attribute name was a typo.
Hello,
I need to add two classes in cellClass property. How would i do that ? Is that functionality already provided ? Though I was not able to find it , I am creating issue.
thanks
Hi,
Thanks for that directive, best of all the ones I've tried :-)
I think there's a spelling mistake for the stInputEvent directive declaration:
Current:
select stInputEvent="change"...
Should be:
select st-input-event="change"...
Cheers,
Greg
In various places in the documentation it appears that the value of st-search
is a string. But in reality it should be an expression that evaluates to a string.
I would update the documentation and submit a PR, but the documentation is missing.
Example:
Change this:
<input st-search="firstName" placeholder="search for firstname" class="input-sm form-control" type="search"/>
to this:
<input st-search="'firstName'" placeholder="search for firstname" class="input-sm form-control" type="search"/>
subtle change. Added single-quotes around the firstName
key.
Is infinite scroll possible while using fixed headers? If so can I see an example?
In the examples, all I see is how to do fixed headers, then how to do regular infinite scroll separately.
Fix header & custom pagination has the same heading as below:
"smart-table with fix headers and responsive layout, pure css solution"
Request to correct.
http://plnkr.co/edit/oIhw5Nsv806wYkXCOfpE?p=preview
In example please click on "last name" header. As expected table is sorted but visual active sort column is "first name". And if i click on "first name" table is sorted by "first name" but in Desc order.
Hi Lorenzo,
Just found that when combining stSearch and stSelecteRow an error is generated:
Error: [$compile:ctreq] Controller 'stTable', required by directive 'stSelectRow', can't be found!
Code looks like:
<table st-table="dataCollection" st-safe-src="dataSource" class="table table-striped table-bordered">
<thead>
<tr>
<th colspan="3">
<input st-search="" class="form-control" placeholder="Filter..." type="text"/>
</th>
</tr>
<tr>
<th st-ratio="20" st-sort="Column1">Column 1</th>
<th st-ratio="50" st-sort="Column2">Column 2</th>
<th st-ratio="30" st-sort="Column3">Column 3</th>
</tr>
</thead>
<tbody>
<tr st-select-row="row" st-select-mode="single" ng-repeat="row in dataCollection" ng-click="setSelection(row)">
<td>{{ row.Column1 }}</td>
<td>{{ row.Column2 }}</td>
<td>{{ row.Column3 }}</td>
</tr>
</tbody>
</table>
This only happens if the input filter is filtering the dataCollection. Do you have any idea why this happens, or is this a know issue?
Thanks in advance.
Jeroen
Pagination is not working, I'm using Angular1.6.5
There seems to be something missing with the filter
section of the documentation. There's a directive defined in app.js that needed to be included in my code before the column filter would actually work. This isn't referenced in the documentation.
Am I correct about this? If so, I can submit a pull request to amend the documentation with that info.
The default pagination template is currently this:
<div class="pagination" ng-if="pages.length >= 2"><ul class="pagination">...</ul></div>
Due to ul.pagination
being nested in div.pagination
, there's double margins, which looks bad.
The default Bootstrap example uses this markup:
<nav ng-if="pages.length >= 2"><ul class="pagination">...</ul></nav>
I have overwritten the template in my own app, but I think it's good to fix the default in this library as well.
https://github.com/lorenzofox3/smart-table-website/blob/gh-pages/index.html#L1001
is not shown. tested on chrome.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.