File tree Expand file tree Collapse file tree 1 file changed +43
-0
lines changed
src/app/views/base/tables Expand file tree Collapse file tree 1 file changed +43
-0
lines changed Original file line number Diff line number Diff line change 224224 </ c-card-body >
225225 </ c-card >
226226 </ c-col >
227+ < c-col xs ="12 ">
228+ < c-card class ="mb-4 ">
229+ < c-card-header >
230+ < strong > Angular Table</ strong > < small > Striped columns</ small >
231+ </ c-card-header >
232+ < c-card-body >
233+ < p class ="text-medium-emphasis small ">
234+ Use < code > stripedColumn</ code > property to add zebra-striping to any table column.
235+ </ p >
236+ < app-docs-example href ="components/table#striped-columns ">
237+ < table stripedColumns cTable >
238+ < thead >
239+ < tr >
240+ < th scope ="col "> #</ th >
241+ < th scope ="col "> Class</ th >
242+ < th scope ="col "> Heading</ th >
243+ < th scope ="col "> Heading</ th >
244+ </ tr >
245+ </ thead >
246+ < tbody >
247+ < tr >
248+ < th scope ="row "> 1</ th >
249+ < td > Mark</ td >
250+ < td > Otto</ td >
251+ < td > @mdo</ td >
252+ </ tr >
253+ < tr >
254+ < th scope ="row "> 2</ th >
255+ < td > Jacob</ td >
256+ < td > Thornton</ td >
257+ < td > @fat</ td >
258+ </ tr >
259+ < tr >
260+ < th scope ="row "> 3</ th >
261+ < td colSpan ="2 "> Larry the Bird</ td >
262+ < td > @twitter</ td >
263+ </ tr >
264+ </ tbody >
265+ </ table >
266+ </ app-docs-example >
267+ </ c-card-body >
268+ </ c-card >
269+ </ c-col >
227270 < c-col xs ="12 ">
228271 < c-card class ="mb-4 ">
229272 < c-card-header >
You can’t perform that action at this time.
0 commit comments