DataTables with CSS

HTML & CSS
1

hello
How are tables on the DataTables(http://www.datatables.net/) with CSS?

2

Huh?

http://www.datatables.net/styling/ids_classes

Anthony

3

i want change tables of <table> to <div> or <ul>(css)

of this code:


<table cellpadding="0" cellspacing="0" border="0" class="display" id="tabel">
	<thead>
		<tr>
			<th>Rendering engine</th>
			<th>Browser</th>
			<th>Platform(s)</th>
			<th>Engine version</th>
			<th>CSS grade</th>
		</tr>
	</thead>
	<tbody>
		<tr class="odd gradeX">
			<td>Trident</td>
			<td>Internet
				 Explorer 4.0</td>
			<td>Win 95+</td>
			<td class="center"> 4</td>
			<td class="center">X</td>
		</tr>
	</tbody>
</table>

to this code:


<div class="table"><div>
    <ul class="odd_gradeX">
    <li class="title"><?=$titlel?></li>
    <li class="even">Row0</li>
    <li class="odd">Row1</li>
    </ul>
    <ul class="odd_gradeX">
    <li class="exposition"><?=$expositionl?></li>
    <li class="even">Row0</li>
    <li class="odd">Row1</li>
    </ul>
    <ul class="odd_gradeX">
    <li class="ranking"><?=$rankingl?></li>
    <li class="even">Row0</li>
    <li class="odd">Row1</li>
    </ul></div>
</div>

How is?

4

Why aren’t you using a table for this tabular data?

5

is above speed loading css table.
?

6

Since it is tabular data it should be a TABLE the speed will be slowed more by the JavaScript than the actual table itself.

7

Thanks for chipping in Robert. :wink:

8

The speed of loading for tabular data has to do with the proper way you should declare the tables you use as the holders of tabular data.

You should provide in the markup all the info necessary so that the UAs doesn’t have to start over the rendering when processing your tables structure and data.

Following a few rules will ensure your tabular data found in tables loads as fast as tabular data found in structures that simulate tables. Those rules are part of the correct use of tables in html, and can easily be found in specs.

9

i still don’t see the benefit of converting the table to css… :confused: its a great tool / plug-in for administration systems.

10

There is no such thing: convert table to css.

One thing there is: a wrong use of tables for layout.
And another thing: a good use of tables for tabular data.

In short: proper use for tables. Done properly.

So you need to make it right twice in order to make sure you are using tables the right way. That’s the essential part. “a great tool / plug-in for administration systems”… tables are not. “an easy tool / plug-in for lazy dumb administration systems”… tables can be.

11

Just say no. I had to deal with something similar a few weeks back and I felt like slapping the creator over the head every second of re-factoring. Though its expected when terms like “tableless” start to float around. Who ever started that should be shot, it is one of the single most, incorrect terms for what it is intended to convey. That and “div based” need to be put to rest.

12

I decide than use of table for DataTable. but i use of div for make tables web site example designer web page and lesser use of table to designer web page.
Iseem tables is impressive for SEO but div (css table) have speed up.
do use of css ( div,css table) impressive to SEO?
I have a error whit Internet Explorer:

DataTables warning:Unable to re-initialise DataTable. Please use the API to make any configuration changes required.

13

The advantages or using tables for tabular data far out-weigh the disadvantages. The vodoo that is SEO is mainly about semantics, content and back-links. Everything else really just polishes a turd imo.