Change styling of existing widgets

I want to create a table which changes it’s number of rows according to what is present in the mendix db. So I placed a List view pointing to the entity and placed a Table widget inside it. I gave the style as “table-bordered” for each cell and the output I got was not what I expected. I want it to be something like this: which I can do in the browser but I don’t know where to change or add the rules in mendix. I tried adding it to the style text area in the ‘Common’ tab of the List view but it didn’t work. Please help me to get the intented output either by changing css or by anyother means. And I also need to change color of odd rows to blue where styling shouldn’t be hardcoded for each row as the number of rows change. This what my final result should be:
1 answers

This helped to solve the problem