How To: Tables

Jump to bottom Edit New page

Mayank Mathur edited this page Apr 19, 2016 · 1 revision

Tables

MSD-WF(MSD Web Framework) provides a better table layout. It's syntax:
<table class="table"></table>

Highlight Alternate

Tables rows are highlighted alternatively with this one addition of class.
Syntax:
<table class="table highlight-alternate"></table>

Interactive

Table rows are highlighted when the mouse comes over it. And get emphasized when mouse clicked.
Syntax:
<table class="table interactive"></table>

Can I mix them up?
Answer: Yup! Syntax: <table class="table highlight-alternate interactive"></table>

In fact, every property of CSS can be mixed, so, you can create every possible combination.