Can i set css class for table via TinyMCE [closed]

Question

I'm using TinyMCE plugin. And now i need to set css class for table. I found some info on http://www.tinymce.com/wiki.php/Configuration:table_class_list . But how can i apply it in TinyMCE plugin for wordpress? Or there is some better solution for setting css class for table in TinyMCE?

Answer 1

This is possible with a custom plugin, but lot of effort.

I like the way about css in the front end.

The table button in TinyMCE creates a default table, without classes, like:

<table>
    <tr>
        <td>Text</td>
        <td>Text</td>
        <td>Text</td>
    </tr>
    <tr>
        <td>Text</td>
        <td>Text</td>
        <td>Text</td>
    </tr>
    <tr>
        <td>Text</td>
        <td>Text</td>
        <td>Text</td>
    </tr>
</table>

Below a simple example to format this for different colors in each raw.

table{
    color: #111;
    width: 100%;
    margin: 2px auto;
    padding: 0;
    border: 1px solid #eee;
    border-collapse:collapse; 
}
table td{ 
    padding: 7px;
    border: 1px solid #eee;
}
/* provide some minimal visual accomodation for IE8 and below */
table tr{
    background: #eee;
}
/*  Define the background color for all the ODD background rows  */
table tr:nth-child(odd){ 
    background: #eee;
}
/*  Define the background color for all the EVEN background rows  */
table tr:nth-child(even){
    background: #fff;
}