1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
|
describe( "columns.width option", function() {
dt.libs( {
js: [ 'jquery', 'datatables' ],
css: [ 'datatables' ]
} );
describe("Check the defaults", function () {
dt.html( 'basic' );
it("With AutoWidth disabled the width for one column is applied", function () {
$('#example').dataTable( {
"autoWidth": false,
"columns": [
null,
{ "width": "40%" },
null,
null,
null,
null
]
});
expect($('#example thead th:eq(1)')[0].style.width == "40%").toBe(true);
});
dt.html( 'basic' );
it("With autoWidth disabled the widths for multiple columns are applied", function () {
$('#example').dataTable( {
"autoWidth": false,
"columns": [
null,
{ "width": "20%" },
{ "width": "30%" },
null,
null,
null
]
});
expect($('#example thead th:eq(1)')[0].style.width == "20%" && $('#example thead th:eq(2)')[0].style.width == "30%").toBe(true);
});
dt.html( 'basic' );
it("With autowidth, it will make the smallest columns the largest with percentage width given", function () {
$('#example').dataTable( {
"columns": [
null,
null,
null,
{ "width": "40%" },
null,
null
]
});
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;
expect(a3>a0 && a3>a1 && a3>a2 && a3>a4).toBe(true);
});
});
});
|
