Customized Table style when using Jquery DataTables?

I am not sure what you mean with highlighting, but you could add your own css style to the pagination elements with a live event.

I am not sure what you mean with highlighting, but you could add your own css style to the pagination elements with a live event. The highlighted style must be declared after the jquery-ui stylesheet link in order to have priority over the jquery-ui styles.

I want to modify the class of tr and th as well. Infact those are the properties that gets overridden. This solution does not solve my problem.

– Harish Apr 4 at 3:17.

I am new to JQuery and Datatables and unfortunately cannot move away from it. Why unfortunately, if you wouldn't mind saying? I suspect that the issue you are having can be resolved by including the demo CSS that comes with DataTables for jQuery UI theming.My guess is that either you have the CSS used for non-theme roller styling (demo_table.

Css) or custom CSS which isn't providing what is needed for the pagination. The file in the DataTables distribution you want is media/css/demo_table_jui. Css .

Obviously there is nothing stopping you customising it fully, but it might give you a starting point at at least. Allan.

I believe you are the creator of this plugin,I have integrated this plugin in my code cannot go back changing to some other functionality, – Harish Apr 1 at 19:22 I am indeed :-). Could you say what functionality you feel is missing from DataTables so I can consider it for future development? Did the above help with your styling problem?

– Allan Apr 2 at 6:38 its weekend :)have to try on Monday,will defenitely tell you whether it helped. – Harish Apr 2 at 14:59 The above solution did not work. My problem is very simple.

I am trying to use Datatables to get pagination function. Sorting is optional . My css should not be overrided by the style in Datatables.

What should be done for that? – Harish Apr 4 at 3:53 If you don't want your css to be override why do you want to use "bJQuery: true"? – Codigo Espagueti Apr 4 at 6:59.

I hear you... I just switched to dataTables and I found it difficult to place the right styling to my table because there is so many option and generated css class on this plugin. It's a good thing but a hard thing to learn also. I just used the th element to get my style across any table on my site.Th { background-color: #94AECE; color: #003366; padding-left: .1em; padding-right: .1em; border-left: 1px solid #dbddff; border-right: 1px solid #dbddff; border-bottom: 1px solid #dbddff; } You should be aware that the "sDom" option is the one where you say which styles is applied to your table.

I personnaly stayed simple with a "sDom": 't' which mapped my style to "header" and "footer" css class. After that you only need to define "header" and "footer" in your website css.

I solved this issue,now the table is of my style,BTW I don't use sDom. I did not understand it. I removed the search bar at the top as it was not necessary for me – Harish Apr 30 at 10:04 For the I made 2 css class named ".

Odd" and ". Even". So I have a alternating color for my rows.

– Sylvain Perron May 2 at 18:42.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.