Transposed table is not aligned
Transposed table is not aligned
![dianacpac](https://secure.gravatar.com/avatar/f236113c203f412b9beca5290403b102/?default=https%3A%2F%2Fvanillicon.com%2Ff236113c203f412b9beca5290403b102_200.png&rating=g&size=120)
I transposed this table but now i can't make the two rows align.
This is the css that i used:
test thead { float: left; }
test thead th { display: block; }
test tbody { float: right; }
test tbody td { display: block; }
test th{ border: none; }
test td{ border: none; }
This is the js:
$(document).ready(function() {
$('#test').DataTable( {
"ordering": false,
"data": $scope.datatest,
"searching": false,
"paginate": false,
"info": false,
},
"columns": [
{ "data": "q" },
{ "data": "w" },
{ "data": "e" },
{ "data": "r" },
{ "data": "t" },
{ "data": "y" }
]
} ) ;
} ) ;
What am i missing?
Many Thanks
Answers
DataTables doesn't support transposing tables I'm afraid. As such that is outside the scope of the support I can provide. I'd suggest trying to get it working with a plain HTML table first and then add DataTables.
Allan
Use CSS. See bellow a datatable with transpose. I believe it looks ok.
For editor, use modal popup and the editor-launch button add it separately.
CSS transpose method (apply from second line until end of the table):
<tr style="float:left;">
I have used the code below for show 3 rows as table with 3 columns
<tr style="float:left; width:33.33%;">