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
>>>>>>>>
>>>>>>>
>>>>>>>
>>>>>
>>>>>
>>>>>
>>>>
>>>>
>>>>
>>>
>

Reply via email to