Tables

This section doesn't use shortcodes but rather, it uses basic html. In that case you'll need to toggle the editor view (if you are using editors like TinyMCE) to html mode to be able to create your table.

To create clean formatted tables using uikit style, add the uk-table class to a table. The table rows will be separated by lines.

Table caption
Table Heading Table Heading Table Heading
Table Footer Table Footer Table Footer
Table Data Table Data Table Data
Table Data Table Data Table Data
Table Data Table Data Table Data
  • show code

    <table class="uk-table"> <caption>...</caption> <thead> <tr> <th>...</th> </tr> </thead> <tfoot> <tr> <td>...</td> </tr> </tfoot> <tbody> <tr> <td>...</td> </tr> </tbody> </table>

Style variation

You can add more styling to the table by using a combination of classes to improve the visual appearance of your table

Settings Productivity Totals
Totals $ 49,000.00
Table Data Table Data $ 10,000.00
Table Data Table Data $ 15,000.00
Table Data Table Data $ 24,000.00

  • show code

    <table class="uk-table uk-table-hover uk-table-striped"> <thead> <tr> <th>[icon style="icon-gear"/] Settings</th> <th>[icon style="icon-leaf"/] Productivity</th> <th>[icon style="icon-usd"/] Totals</th> </tr> </thead> <tfoot> <tr> <td>Totals</td> <td></td> <td>$ 49,000.00</td> </tr> </tfoot> <tbody> <tr> <td class="uk-width-2-10">Table Data</td> <td class="uk-width-5-10">Table Data</td> <td class="uk-width-3-10">$ 10,000.00</td> </tr> <tr> <td class="uk-width-2-10">Table Data</td> <td class="uk-width-5-10">Table Data</td> <td class="uk-width-3-10">$ 15,000.00</td> </tr> <tr> <td class="uk-width-2-10">Table Data</td> <td class="uk-width-5-10">Table Data</td> <td class="uk-width-3-10">$ 24,000.00</td> </tr> </tbody> </table>

You can view more examples and classes that you can use from here

درباره ما

online cityتجربه یک رشت آنلاین
ما فضایی فراهم آوردیم تا بتوان از مشاغل خدماتی رشت از خانه خود با قیمت مناسب خرید کرد


icon reserveبررسی, انتخاب و خرید آنلاین
اولین سایت در رشت جهت بررسی,انتخاب,رزرو و خریداز مشاغل خدماتی رشت

نماد اعتماد الکترونیکی

آدرس ما

rasht-map

دفتر مرکزی ما :

شهر باران ، منطقه شهر یاران / بین بوستان دانشجو

و مفاخر / ساختمان سرو ، طبقه سوم

تماس : 01333509111

سامانه پیامک : 10007412