Help with CSS - Link and text field in dynamic html table

venkats

I am creating a dynamic html table using jQuery and trying to use Datatables pager.

The data is getting added but the CSS looks different.

All the links are shown first followed by the dates. However, if I remove the Datatables pager, data is shown as "Date followed by link" which is what i require.

How to modify the css of datatables pager to show the data as below:

Date

Link

---

Date

Link

I have created a jsfiddle to show how i want to display: http://jsfiddle.net/SbMsj/

But once the datatable is fired, UI looks different. The links have come to the top followed by the date field.

Another example: http://jsfiddle.net/3XfpE/1/

I want the data to display as:
Date

Link

---

Date

Link

How to change this?

Thanks

venkats

Found the solution. Issue was with sorting. I disabled sorting by adding below line:

$('#tbl1').dataTable({ "pagingType": "full_numbers", "bSort": false });
It was not a css issue. Thanks for all the help