Colvis MasterButton position issue
Colvis MasterButton position issue
Hi guys,
I have difficulties using ColVis. I'm using tabletools and tried to enable ColVis with following configuration:
[code]
$(document).ready(function () {
var oTable = $('#dt').dataTable({
"sDom": '<"top"fCT>rt<"bottom"lpi>',
"oTableTools": {
"sSwfPath": 'swf/copy_cvs_xls_pdf.swf',
"aButtons": ["copy", "xls", "print"]
},
"oColVis": {
"buttonText": "xxx"
},
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": 'xxx/',
"bJQueryUI": true,
"bPaginate": true,
"bAutoWidth": true,
"aoColumnDefs": [
{ "bSortable": false, "aTargets": [0, 3, 4] }
]
});
oTable.fnFilter('init search');
});
[/code]
The end result is that the colvis masterbutton is rendered on the top-right corner of the page. I've feeling that I missed something here, so any help is much appreciated.
PS. case this information helps:
Computed CSS: (div having "ColVis TableTools")
[quote]
font-family MS Shell Dlg
font-size 13.3333px
font-weight 400
font-style normal
color #555555
text-transform none
text-decoration none
letter-spacing normal
word-spacing 0
line-height 16.5px
text-align left
vertical-align baseline
direction ltr
Background
background-color transparent
background-image url("http://localhost/images/button.png")
background-repeat no-repeat
background-position 0 0
background-attachment scroll
opacity 1
Box Model
width 4.08333px
height 22.1667px
top 0
right 0
bottom 0
left 0
margin-top 0
margin-right 3px
margin-bottom 0
margin-left 0
padding-top 3px
padding-right 5px
padding-bottom 3px
padding-left 5px
border-top-width 0.916667px
border-right-width 0.916667px
border-bottom-width 0.916667px
border-left-width 0
border-top-color #D0D0D0
border-right-color #D0D0D0
border-bottom-color #D0D0D0
border-left-color #D0D0D0
border-top-style solid
border-right-style solid
border-bottom-style solid
border-left-style solid
box-shadow none
Layout
position relative
display block
visibility visible
z-index auto
overflow-x visible
overflow-y visible
white-space normal
clip auto
float left
clear none
Other
cursor pointer
list-style-image none
list-style-position outside
list-style-type disc
marker-offset auto
[/quote]
I have difficulties using ColVis. I'm using tabletools and tried to enable ColVis with following configuration:
[code]
$(document).ready(function () {
var oTable = $('#dt').dataTable({
"sDom": '<"top"fCT>rt<"bottom"lpi>',
"oTableTools": {
"sSwfPath": 'swf/copy_cvs_xls_pdf.swf',
"aButtons": ["copy", "xls", "print"]
},
"oColVis": {
"buttonText": "xxx"
},
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": 'xxx/',
"bJQueryUI": true,
"bPaginate": true,
"bAutoWidth": true,
"aoColumnDefs": [
{ "bSortable": false, "aTargets": [0, 3, 4] }
]
});
oTable.fnFilter('init search');
});
[/code]
The end result is that the colvis masterbutton is rendered on the top-right corner of the page. I've feeling that I missed something here, so any help is much appreciated.
PS. case this information helps:
Computed CSS: (div having "ColVis TableTools")
[quote]
font-family MS Shell Dlg
font-size 13.3333px
font-weight 400
font-style normal
color #555555
text-transform none
text-decoration none
letter-spacing normal
word-spacing 0
line-height 16.5px
text-align left
vertical-align baseline
direction ltr
Background
background-color transparent
background-image url("http://localhost/images/button.png")
background-repeat no-repeat
background-position 0 0
background-attachment scroll
opacity 1
Box Model
width 4.08333px
height 22.1667px
top 0
right 0
bottom 0
left 0
margin-top 0
margin-right 3px
margin-bottom 0
margin-left 0
padding-top 3px
padding-right 5px
padding-bottom 3px
padding-left 5px
border-top-width 0.916667px
border-right-width 0.916667px
border-bottom-width 0.916667px
border-left-width 0
border-top-color #D0D0D0
border-right-color #D0D0D0
border-bottom-color #D0D0D0
border-left-color #D0D0D0
border-top-style solid
border-right-style solid
border-bottom-style solid
border-left-style solid
box-shadow none
Layout
position relative
display block
visibility visible
z-index auto
overflow-x visible
overflow-y visible
white-space normal
clip auto
float left
clear none
Other
cursor pointer
list-style-image none
list-style-position outside
list-style-type disc
marker-offset auto
[/quote]
This discussion has been closed.