GridviewFixPlugin.zip
GridviewFixPlugin
App_Data
Datatables
media
css
images
back_disabled.jpg
back_enabled.jpg
favicon.ico
forward_disabled.jpg
forward_enabled.jpg
sort_asc.png
sort_asc_disabled.png
sort_both.png
sort_desc.png
sort_desc_disabled.png
Sorting icons.psd
Thumbs.db
js
jquery.dataTables.min.js.gz
unit_testing
performance
templates
tests
1_dom
tests_onhold
1_dom
2_js
3_ajax
4_server-side
5_ajax_objects
6_delayed_rendering
|
// DATA_TEMPLATE: js_data
oTest.fnStart( "aoColumns.sWidth" );
/* NOTE - we need to disable the auto width for the majority of these test in order to preform
* these tests as the auto width will convert the width to a px value. We can do 'non-exact' tests
* with auto width enabled however to ensure it scales columns as required
*/
$(document).ready( function () {
/* Check the default */
var oTable = $('#example').dataTable( {
"aaData": gaaData,
"bAutoWidth": false,
"aoColumns": [
null,
{ "sWidth": '40%' },
null,
null,
null
]
} );
var oSettings = oTable.fnSettings();
oTest.fnTest(
"With auto width disabled the width for one column is appled",
null,
function () { return $('#example thead th:eq(1)')[0].style.width == "40%"; }
);
oTest.fnTest(
"With auto width disabled the width for one column is appled",
function () {
oSession.fnRestore();
oTable = $('#example').dataTable( {
"aaData": gaaData,
"bAutoWidth": false,
"aoColumns": [
null,
null,
{ "sWidth": '20%' },
{ "sWidth": '30%' },
null
]
} );
},
function () {
var bReturn =
$('#example thead th:eq(2)')[0].style.width == "20%" &&
$('#example thead th:eq(3)')[0].style.width == "30%";
return bReturn;
}
);
oTest.fnTest(
"With auto width, it will make the smallest column the largest with percentage width given",
function () {
oSession.fnRestore();
oTable = $('#example').dataTable( {
"aaData": gaaData,
"aoColumns": [
null,
null,
null,
{ "sWidth": '40%' },
null
]
} );
},
function () {
var anThs = $('#example thead th');
var a0 = anThs[0].offsetWidth;
var a1 = anThs[1].offsetWidth;
var a2 = anThs[2].offsetWidth;
var a3 = anThs[3].offsetWidth;
var a4 = anThs[4].offsetWidth;
if ( a3>a0 && a3>a1 && a3>a2 && a3>a4 )
return true;
else
return false;
}
);
oTest.fnComplete();
} );
|
By viewing downloads associated with this article you agree to the Terms of use and the article's licence.
If a file you wish to view isn't highlighted, and is a text file (not binary), please
let us know and we'll add colourisation support for it.
I am a Senior Software Developer working since 2005 in Microsoft ASP.Net and related Technologies.
I work on C#, Asp.Net, MVC, RAZOR, Entity Framework, JavaScript, jQuery, HTML5, CSS3, WCF, Silverlight, WPF, MVVM, SQL, SSIS, etc. Did Function Point Analysis, WBS to estimate projects and worked on Agile Scrum team.
I enjoy on exploring new technologies by implementing and writing about them, great interest in learning Design Patterns and their implementations. I love learning, writing JavaScript; now my favorite JavaScript library is jQuery. I enjoy writing jQuery Plugins and core JavaScript. I also write Technical blogs here. You can find me on LinkedIn.
I wrote an article on Swami Vivekananda posted his audio speeches by reading them.
Submit an article or tip
Post your Blog
