Anthony Pipkin![]()
Moving to 'gallery-xarno-plugin-datatable-resize' and Y.Xarno.Plugin.DTResize
Built to add functionality to [http://yuilibrary.com/gallery/show/simple-datatable Simple Data Table].
Resize allows resizing of Simple Datatable columns by dragging the grip.
In this example we create a table with two columns. The first column is Labeled with "Id" and set to be not resize. The second has a Label of "Title". After we add in the rows, we plug in the SDTResize plugin.
<script src="http://yui.yahooapis.com/3.7.3/build/yui/yui-min.js"></script>YUI({
//Last Gallery Build of this module
gallery: 'gallery-2010.09.08-19-45'
}).use('gallery-simple-datatable', 'gallery-plugin-simple-datatable-resize', function(Y) {
var grid = new Y.SimpleDatatable();
grid.set('headers', { id: { label: 'Id', resizable: false}, title: 'Title' });
grid.set('rows',[
{ id:1, title: 'Banana', __fileId:9 },
{ id:2, title: 'Orange' },
{ id:3, title: 'Cherry' },
{ id:4, title: 'Grape Fruit' },
{ id:5, title: 'Watermelon' }
]);
grid.plug(Y.Plugin.SDTResize);
grid.render();
});| Subject | Author | Date |
|---|---|---|
| how to Infinite Scrolling DataTable using yui3.3.0 | SumRain | 07/1/11 |
| SimpleDatatableResize plugin does NOT work | mchiocca | 07/7/11 |
| Re: SimpleDatatableResize plugin does NOT work | mchiocca | 07/10/11 |
| Standardizing apipkin Modules | Anthony Pipkin | 10/16/12 |
© 2006-2013 Yahoo! Inc. All rights reserved.
All code on this site is licensed under the BSD License unless stated otherwise.
About This Site · Security Contact Info