Code

Discussion on SortTables Responsive

Discussion on SortTables Responsive

Cart 263 sales

ThemeOxygen supports this item

Supported

This author's response time can be up to 10 business days.

54 comments found.

I purchased and download this product. How do I use it on my wordpress site

Hi i dont know WP but this is only html and javascript code, so i think you need to create some module and integrate from code side Regards

Hi, I like the script, however does this have any admin panel, where the details can be updated ?

Hi no the data it s inside a table inside html regards

Can this work with <divs> instead of with <tables>?

We have a scenario where we want to use the search on a set of <divs>.

We don’t need the pager or header sorts or anything, just the search.

Is that a possibility at all, or should I give up trying it out?

thanks.

nevermind. I’m abandoning using this product. I’ve been trying for over 3 months to get support and there are too many things wrong with this product. You haven’t updated it for several years. we will be using datatables instead. https://datatables.net/

How do I add the css definition for the selected row when building the table?

I’m putting it in the tr class.

For instance, I know I want xyz row to be the selected row. I have tried giving it the class evenselected, oddselected, and selectedrow.

The two even and odd, if I add a bgcolor to them, will change the team member bgcolor for every other row on the entire table. But not do anything specific to the selected row with that style.

Thanks!

Dear ThemeOxygen, Im living in europe and need your script to sort european date format: DD.MM.YYYY im willing to pay for it, can u send me your price and a timespan to customise your script?

sincerely Chris

Hi write me a message with the details what you need and i try to add in the new update version

Regards

I have been waiting for a support response to my previous question. Please help. thank you.

i try to find a solution for the sort

What is the status of this? I started asking about the columns not sorting properly 2 months ago.

We are having problems with the sort on your grid.

Here is the example you requested: http://arkiteks.us/gridtest/teamsearchgrid.html

When you load it, notice that Freidaw, Porge is not alphabetical. Click the Team Member header to re-sort, you’ll notice that she is still not alphabetical, although the others are.

Now click the Percentage sort order. Notice the percentages are not in order either.

Now go to the Username column. Notice that is in order. Good.

Now click the Team Member again. And NOW Freidaw is in the right order.

On our actual website with hundreds of users with numerous clients:

1. The first row on page load is always the wrong order. 2. everything else is in the right order. 3. clicking percentage is never in the right order. 4. clicking Username column and going back to Team column always sorts the team column by the user name column instead of the team column.

Thank you for your assistance.

Hello? you said you’d update this weekend, but the download didn’t seem to have any new files in it. what is the status of this fix? thanks!

what is the status of this?

Is it possible to change the date recognition to european standard? DD.MM.YYYY ?

what does this do?

dataSource: [1, 2, 3, 4, 5, 6, 7, ... , 195],

does that mean it is 195 pages max? what does it mean?

Hi

where you find this dataSource?

Nevermind. It was on our page and I thought it came with your code. It must have been added with something else. Sorry.

I am also having problems with the sort column for the percentage.

It is the 6th column from the left. I have this in the sorter: columns: [{ index: 5, format: ’%’, decimals: 2 }],

(I also tried 1 decimals) Are there instructions somewhere for what all those are?

My percentage sort in reverse order looks like this (some rows are empty, so I sort in reverse to see some data at the top):

45% 39% 12% 10% 3% 99% 50% 100% 29%

In view source code, the row can look like this: 32% 10%

Thanks!

I started this question 2 months ago. I received no replies. I then created a running example. I still have no solution.

I am trying to load the panel in sorted alphabetically. However, there is one name that keeps going to the top. The column is “Team Member” If I view source code, the first user in the list is “Rivers” The second is “Ross”

However, on the screen, the first user is “Rivers” and the others are sorted alphabetically with “Arnold” and “Butler” etc. in alphabetical order.

I cannot get “Rivers” in the first row to move to where it belongs.

Is there something about this first row that won’t allow it to be part of the sorting that I need to do something? We started with your example and then populated with our own data.

Thanks!

I just sorted from another client and the first item is: Polly and then it sorts alphabetically Amy Ann Bill Carl

So it doesn’t seem to have to do with just that one user, but instead with that first row.

Hi can you give me the link? i need to see in action Thanks

I provided this working example and sent it in a post below. But I don’t get a reply to that either.

Here is your link.

http://arkiteks.us/gridtest/teamsearchgrid.html

I want to sort by the first column when I click on the header, but nothing happens. It only starts with the second column.

How can I get the first column in the grid to do a forward and reverse sort when the header is clicked?

thanks!

Hi

for active sort for first column type ID you need to remove class : nosort noview

Regards

HI,

How to hide “Show 10 entries and Search”

i just want to display the table with sort-able columns.and pagination.

Thank you

Hi

you need just to comment this code for the show 10>

<div>
                    <select onchange="sorter.size(this.value)">
                    <option value="5">5</option>
                        <option value="10" selected="selected">10</option>
                        <option value="20">20</option>
                        <option value="50">50</option>
                        <option value="100">100</option>
                    </select>
                    <span class="txt-page">Entries Per Page</span>
                </div>

and for search comment or remove this code: in the script.js i think from line 11 till 17 this code

//if (this.p.colddid) {
        //    d = T$(this.p.colddid);
        //    var o = document.createElement('option');
        //    o.value = -1;
        //    o.innerHTML = 'All Columns';
        //    d.appendChild(o)
        //}

and in the index this:

<div class="search">
                <select id="columns" onchange="sorter.search('query')"></select>
                <input type="text" id="query" onkeyup="sorter.search('query')" />
            </div>

Regards

HI,

How to hide “Show 10 entries and Search”

i just want to display the table with sort-able columns.and pagination.

Thank you

Hi

you need just to comment this code for the show 10>

<div>
                    <select onchange="sorter.size(this.value)">
                    <option value="5">5</option>
                        <option value="10" selected="selected">10</option>
                        <option value="20">20</option>
                        <option value="50">50</option>
                        <option value="100">100</option>
                    </select>
                    <span class="txt-page">Entries Per Page</span>
                </div>

and for search comment or remove this code: in the script.js i think from line 11 till 17 this code

//if (this.p.colddid) {
        //    d = T$(this.p.colddid);
        //    var o = document.createElement('option');
        //    o.value = -1;
        //    o.innerHTML = 'All Columns';
        //    d.appendChild(o)
        //}

and in the index this:

<div class="search">
                <select id="columns" onchange="sorter.search('query')"></select>
                <input type="text" id="query" onkeyup="sorter.search('query')" />
            </div>

Regards

Is it possible, and how easy is it to populate this from a dataset or datareader? Or sql server query from a database?

How do YOU populate the data? And what options are offered?

Thanks!

Hi for now the data it s static dont come from DB or other source

Hi,

Do the javascript works with any website CSS stylesheets or do I have to use the included stylesheet in this file?

I want to use it in my HTML website but with my CSS stylesheet.

Thanks.

Hi you can use but you need to add the style you find inside the project Regards

Hi, presales questions: any option to allow users to add the form values via submission form and display the results? and filter the results?

Hi this is html table, i think for add the date and display the result you need to create the dynamic table in javascript so with js you manage to add the new row

REgards

where can i change the default amount shown to 100

Hi,

Is there any method to reload the Table data using ajax? We are populating data dynamically, and searching , sorting and pagination not working after i reload new data.

Regards Shyam

Hi sorry for delay but i need to try so when i find the solution i write you back

Hi, interested in your SortTable. Can I know that, instead of entering text in the filter box, can it be changed to a dropdown text? Mean, user choose the text instead of entering text in the box. Example: select “score” -> dropdown list of all the scores -> user select one.

thanks!

Hi i think yes but need to rewrite the method javascript for search the word Regards

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey