You can place CSS rules in CSS file com_arismartcontent\install\plugins\content\arijdatatable\media\css\datatable.css and then install this plugin using Joomla! back-end: Components -> ARI Smart Content -> Plugins.

Regards,
ARI Soft

Hi,
no, I want to make my own css file, where do I have to store it on the server. I use the jdatatable not only once on my site and I want to have different stiles

You can place your CSS file for example in %Joomla_dir%/templates/%current_template%/css/ folder. THen you can go to Extensions -> Template Manager -> Select your current temaplte, press "Edit HTML" icon and change your template to include this CSS file. This will make it to be included on each page.

Regards,
ARI Soft

Hi sorry, maybe I am a little bit stupid, but I don't get it work with this css, that the first row has a other background color then the second and so on. Could you please describe it step by step what I have to to, how the test1, test2 css file has to look like and so on.

Soory Michael

Please, add the following CSS rules to your CSS file:

/* For each odd rows */
.dataTables_wrapper TABLE TR TD.odd
{
background-color: red;
}

/* For each even rows */
.dataTables_wrapper TABLE TR TD.even
{
background-color: green;
}

Hi,

it does not work I have copied it into my css file which is included in the site where the table is.

CSS include (this works because with this css I also steer the boxstyle):
<link rel=stylesheet type="text/css" href="aktf_boxstyle.css">

Table part:
<!-- Filialaktionen in Listenform-->
<?php
if ($anzahl_filialaktionen > 0 && $userid != 0){
echo '{arijdatatable bPaginate="false" bFilter="false" bInfo="false"}<table width="100%"><thead><tr><th>Produktgruppenaktion</th><th>Zeitraum</th><th>Markt</th>';
echo '<th>Meine</th></tr></thead><tbody>';
for ($i = 0; $i < $sql2->rows; $i++){
$sql2->Fetch($i);
echo '<tr><td align="left"><b>'.$sql2->data[1].'</b></td><td align="left">'; /*Aktion*/
if ($sql2->data[3] < $now){
echo '<a style="color:red">';
}
echo $sql2->data[2].' - '.$sql2->data[3]; /*giltvon - giltbis*/
if ($sql2->data[3] < $now){
echo '</a>';
}
echo '</td><td align="left"><b>'.$sql2->data[4].'</b></td>'; /*Markt*/
echo '<td><a href="index.php?fnc=rem_filakt&idfiakt='.$sql2->data[5].'" style="color:red">raus</a></td></tr>';
}
echo '</tbody></table>{/arijdatatable}';
}
?>

What is in the css:
.mainbox
{
width:450px;
text-align:center;
border:none;
overflow:auto;
padding: 0px;
}

.imagebox
{
width: 200px;
height: 210px;
margin:4px;
padding:5px;
padding-bottom:1px;
border:1px solid gray;
float:left;
}

.imagebox2
{
width: 420px;
height: 70px;
margin:4px;
padding:5px;
border:1px solid gray;
float:left;
}

.dataTables_wrapper TABLE TR TD.odd
{
background-color: red;
}

.dataTables_wrapper TABLE TR TD.even
{
background-color: green;
}