jQuery UI theme init : $(document).ready( function () { var oTable = $('#example').dataTable( { "sDom": 'R<"H"lfr>t<"F"ip<', "bJQueryUI": true, "sPaginationType": "full_numbers" } ); } );
http://www.datatables.net/release-datatables/extras/ColReorder/theme.html If you go in the datatables plugin and edit the html example, it is pretty instructive and you can see which css is needed for a given output of the plugin... Richard On Wed, May 9, 2012 at 9:46 AM, Richard Vézina <ml.richard.vez...@gmail.com>wrote: > Think that your css are not loaded, I mean the datatables css... Or you > didn't specified that you want to use the jQuery UI theme. > > But what you want exactly? Truncate switch from web2py allow to trunc long > text field at particular length, personnaly I don't truncate... For example > you have to manipulate the html select for the table if you want to not > allow text to spill over more then one line... > > I do that like that : > > > table = crud.select(db[request.args(0)], > query=query, _class='sortable', > _id='something') > > for th in table.elements('th'): > th.attributes['_style']='white-space:nowrap;' > > "white-space:nowrap" is prevent the return of the line if text lenght is > over a certain length. > > And for column width switch for DataTables here a thread : > > http://www.datatables.net/forums/discussion/3213/column-widths/p1 > > And basic styling : http://www.datatables.net/styling/ids_classes > > Richard > > > > > On Wed, May 9, 2012 at 8:49 AM, Larry Wapnitsky <la...@kvetsch.com> wrote: > >> OK. Here's the screenshot: shifted >> datatables<http://www.zimagez.com/zimage/screenshot-05092012-084338am.php> >> >> >> On Tuesday, May 8, 2012 5:16:48 PM UTC-4, Richard wrote: >> >>> Good, feel free to ask for DTs... I also have to leave :) >>> >>> Richard >>> >>> On Tue, May 8, 2012 at 4:43 PM, Larry G. Wapnitsky wrote: >>> >>>> i'm about to leave my office. I'll send you a screenshot of what I"m >>>> getting tomorrow. >>>> >>>> >>>> >>>> On 5/8/2012 4:42 PM, Richard Vézina wrote: >>>> >>>> What kind of table you need, I can help you initialise DataTables, the >>>> other one I don't use them. I know how to setup jqgrid with plugin_wiki, >>>> but I didn't touch it since a long time and to me it was so difficult to >>>> configure so I abandonned it. With DataTables, I definitely help set it up. >>>> >>>> Richard >>>> >>>> On Tue, May 8, 2012 at 4:36 PM, Larry G. Wapnitsky wrote: >>>> >>>> I tried those, but documentation seems to be missing as well. >>>>> >>>>> >>>>> On 5/8/2012 4:35 PM, Richard Vézina wrote: >>>>> >>>>> ho, I think those plugin could be quite outdated... >>>>> >>>>> If you really need a table plugin, look to Datatables or PowerTable >>>>> (or PowerGrid : >>>>> http://labs.blouweb.com/**PowerGrid/<http://labs.blouweb.com/PowerGrid/>) >>>>> form >>>>> Bruno. >>>>> >>>>> There is also a plugin_wiki jqgrid coming pre-wrapped within web2py. >>>>> >>>>> Richard >>>>> >>>>> On Tue, May 8, 2012 at 3:36 PM, Larry Wapnitsky <la...@kvetsch.com>wrote: >>>>> >>>>>> Also, I found the "truncate" switch, which is helping me, but my >>>>>> table is appearing on the right. Is there a list of the available >>>>>> "switches" for datatable? >>>>>> >>>>>> >>>>>> On Tuesday, May 8, 2012 11:58:28 AM UTC-4, Richard wrote: >>>>>> >>>>>>> Which plugin... Also if you use chrome rigth click and inspect >>>>>>> element can make it pretty easy to find a style and change the >>>>>>> properties. >>>>>>> >>>>>>> Richard >>>>>>> >>>>>>> On Tue, May 8, 2012 at 11:46 AM, Larry Wapnitsky wrote: >>>>>>> >>>>>>> I'm not a CSS guy (still learning), but need to be able to change >>>>>>>> the default column widths in the datatable plugin. Guidance? >>>>>>>> >>>>>>>> Thanks, >>>>>>>> Larry >>>>>>>> >>>>>>> >>>>>>> >>>>> >>>>> >>>>> >>>> >>>> >>>> >>> >> On Tuesday, May 8, 2012 5:16:48 PM UTC-4, Richard wrote: >>> >>> Good, feel free to ask for DTs... I also have to leave :) >>> >>> Richard >>> >>> On Tue, May 8, 2012 at 4:43 PM, Larry G. Wapnitsky <la...@kvetsch.com>wrote: >>> >>>> i'm about to leave my office. I'll send you a screenshot of what I"m >>>> getting tomorrow. >>>> >>>> >>>> >>>> On 5/8/2012 4:42 PM, Richard Vézina wrote: >>>> >>>> What kind of table you need, I can help you initialise DataTables, the >>>> other one I don't use them. I know how to setup jqgrid with plugin_wiki, >>>> but I didn't touch it since a long time and to me it was so difficult to >>>> configure so I abandonned it. With DataTables, I definitely help set it up. >>>> >>>> Richard >>>> >>>> On Tue, May 8, 2012 at 4:36 PM, Larry G. Wapnitsky >>>> <la...@kvetsch.com>wrote: >>>> >>>>> I tried those, but documentation seems to be missing as well. >>>>> >>>>> >>>>> On 5/8/2012 4:35 PM, Richard Vézina wrote: >>>>> >>>>> ho, I think those plugin could be quite outdated... >>>>> >>>>> If you really need a table plugin, look to Datatables or PowerTable >>>>> (or PowerGrid : >>>>> http://labs.blouweb.com/**PowerGrid/<http://labs.blouweb.com/PowerGrid/>) >>>>> form >>>>> Bruno. >>>>> >>>>> There is also a plugin_wiki jqgrid coming pre-wrapped within web2py. >>>>> >>>>> Richard >>>>> >>>>> On Tue, May 8, 2012 at 3:36 PM, Larry Wapnitsky <la...@kvetsch.com>wrote: >>>>> >>>>>> Also, I found the "truncate" switch, which is helping me, but my >>>>>> table is appearing on the right. Is there a list of the available >>>>>> "switches" for datatable? >>>>>> >>>>>> >>>>>> On Tuesday, May 8, 2012 11:58:28 AM UTC-4, Richard wrote: >>>>>> >>>>>>> Which plugin... Also if you use chrome rigth click and inspect >>>>>>> element can make it pretty easy to find a style and change the >>>>>>> properties. >>>>>>> >>>>>>> Richard >>>>>>> >>>>>>> On Tue, May 8, 2012 at 11:46 AM, Larry Wapnitsky wrote: >>>>>>> >>>>>>> I'm not a CSS guy (still learning), but need to be able to change >>>>>>>> the default column widths in the datatable plugin. Guidance? >>>>>>>> >>>>>>>> Thanks, >>>>>>>> Larry >>>>>>>> >>>>>>> >>>>>>> >>>>> >>>>> >>>>> >>>> >>>> >>>> >>> >