Giter Club home page Giter Club logo

smart-table-website's Introduction

smart-table-website

documentation website for smart table

smart-table-website's People

Contributors

chancyk avatar lorenzofox3 avatar oliverm2112 avatar stephanhoyer avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

smart-table-website's Issues

stSearch Documentation Correction

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.

stSearch and stSelectRow not working well together

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

Default bootstrap template for pagination has wrong mark-up

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.

Memory leak

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

Doc Correction

Fix header & custom pagination has the same heading as below:

"smart-table with fix headers and responsive layout, pure css solution"

Request to correct.

st-sort-default needs to have a non-empty value for ascending

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.

Column Filtering

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.

Wrong directive spelling

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

wrong word

This is were you use the stSafeSrc attribute

The were should be where

Infinite scroll with fixed headers

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.

to the st-sort

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.

Paging in pipe example

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.

"Random" errors on iOS

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


angular.min.js:89:239

Are there any known issues with smart-table on iOS?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.