frequent / tableview

jQuery Mobile tableview - responsive table wrapper for JQM tables
29 stars 23 forks source link

How to migrate existing pages #2

Closed g-barkin closed 11 years ago

g-barkin commented 11 years ago

I really love your widget... I used it with jqm 1.2. I know you explained how to use the latest version with jqm 1.3, but I confess that I don't understand the instructions for how to use it...

Your example page loads a file called "latest" but that seems to be the jqm file. For chowderheads like me, could you explain which files to include in the head of the document, and the order in which to include them if that's critical?

Also: your instructions suggested that one need only "replace" certain files to use the widget, but those files are... where exactly? I downloaded the zip of the repo... some of the listed files were not there: I'll assume "tables.js" refers to "table.js"... but there's nothing even close to "jquery.mobile.table.columntoggle.css" . I don't see listview.filter.js either, though there is "tableview.filter.js and filterview.js They're not in the example.... and I've tried several permutations to see if could get your demo page to work (not the one in the main folder of the repo, the one in the example folder that refers to files called "latest") loading the files in the repo, but I get errors (using firefox / firebug). I'm also at a loss about what to do with the json file and the jquery file.

Anyway... you'd be helping me be able to upgrade to 1.,3... if you'd show a generic example head section with the necessary files, including the jqm CDN files. Sorry to be so dense....

frequent commented 11 years ago

@g-barkin

Oh. Sorry, I see the repo (my tableview folder on Github) is a mess. I thought the old files were removed with the last update. I clean up tonight :-)

Anyway.

Easy way to use: Use the latest.js and latest.css from the example. This is the JQM 1.3 beta files in which I have modified the new table widget, so that it can do the same as tableview. I will update to JQM 1.3, once it is realeased. Both files are uncompressed, so you should minify before using (use YUI).

Let me know if everything works. There might still be a few little bugs, but other than that everything should be ok.

g-barkin commented 11 years ago

Thanks for the quick response and the help. Your work is very impressive... inspiring, really.

I’ll try your solution, and when the jqm 1.3 goes final, I’ll re-work things.

Gene

From: Sven Franck Sent: Tuesday, February 05, 2013 12:12 AM To: frequent/tableview Cc: g-barkin Subject: Re: [tableview] How to migrate existing pages (#2)

@g-barkin

Oh. Sorry, I see the repo (my tableview folder on Github) is a mess. I thought the old files were removed with the last update. I clean up tonight :-)

Anyway.

Easy way to use: Use the latest.js and latest.css from the example. This is the JQM 1.3 beta files in which I have modified the new table widget, so that it can do the same as tableview. I will update to JQM 1.3, once it is realeased. Both files are uncompressed, so you should minify before using (use YUI.

Let me know if everything works. There might still be a few little bugs, but other than that everything should be ok.

— Reply to this email directly or view it on GitHub.

g-barkin commented 11 years ago

It took me a little digging to find the data-header setting, and I was able to set the headings to follow the same data-theme as the rest of my table.

One additional question: the th cells that are not sortable don’t follow the same styling convention as the sortable cells (which are buttons...). What class would I add so that the unsortable columns would look the same as those buttons. I tried ui-bar-b (I set the headers to “b”) but they still look a little odd. If I try ui-btn I wind up with a very small button.

Anyway, it might be nice if all the th cells looked the same, except for the arrow (to indicate sortability). Just a suggestion, otherwise it’s working as expected and looks great.

Thanks,

Gene

From: Sven Franck Sent: Tuesday, February 05, 2013 12:12 AM To: frequent/tableview Cc: g-barkin Subject: Re: [tableview] How to migrate existing pages (#2)

@g-barkin

Oh. Sorry, I see the repo (my tableview folder on Github) is a mess. I thought the old files were removed with the last update. I clean up tonight :-)

Anyway.

Easy way to use: Use the latest.js and latest.css from the example. This is the JQM 1.3 beta files in which I have modified the new table widget, so that it can do the same as tableview. I will update to JQM 1.3, once it is realeased. Both files are uncompressed, so you should minify before using (use YUI.

Let me know if everything works. There might still be a few little bugs, but other than that everything should be ok.

— Reply to this email directly or view it on GitHub.

frequent commented 11 years ago

@g-barkin

I you want to style the other th cells the same way as the sortable buttons, add ui-btn-up-theme to the th cells. This should give them the same background as the sortable cells

g-barkin commented 11 years ago

As usual, that’s exactly right. Thanks.

From: Sven Franck Sent: Thursday, February 07, 2013 1:32 PM To: frequent/tableview Cc: g-barkin Subject: Re: [tableview] How to migrate existing pages (#2)

@g-barkin

I you want to style the other th cells the same way as the sortable buttons, add **ui-btn-up-theme" to the th cells. This should give them the same background as the sortable cells

— Reply to this email directly or view it on GitHub.