> For the complete documentation index, see [llms.txt](https://modernpress-io.gitbook.io/modernpress/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://modernpress-io.gitbook.io/modernpress/widgets/tables.md).

# Tables

### **Introduction**

The **Table Widget** in **ModernPress** allows you to display structured data in an easy-to-read format. Whether you're showcasing pricing tables, or informational content, this widget provides **search and filter options** for enhanced usability.

***

**Key Features:**

\
✅ 2 Unique Layouts\
✅ Search & Filter Functionality\
✅ Sortable Columns\
✅ Customizable Styles & Colors\
✅ Fully Responsive & Mobile-Friendly

***

### Adding the Table Widget

{% stepper %}
{% step %}
Open your WordPress Dashboard.

{% endstep %}

{% step %}
Edit a page with **Elementor**.

{% endstep %}

{% step %}
Search for **"Table"** in the **ModernPress Widgets** panel.

{% endstep %}

{% step %}
Drag and drop the widget into your section.

{% endstep %}

{% step %}
Add your table content and customize the settings.

{% endstep %}
{% endstepper %}

***

### **Layouts Overview**

#### **Layout 1 - Table with Search & Filter**

📌 Includes a **search bar** to quickly find entries.\
📌 Provides **filter options** to refine results based on specific criteria.\
📌 Best for **large datasets, directories, and catalogs**.

#### **Layout 2 - Simple Table (No Search & Filter by Default)**

📌 Clean and minimal table design.\
📌 Ideal for **static data, pricing tables, and structured information**.\
📌 **Search & Filter can still be enabled if needed.**

***

### **Customization Options**

#### **General Settings**

📌 **Add Unlimited Rows & Columns** – Easily create large tables.\
🔎 **Enable/Disable Search & Filter** – Available for both layouts.\
📏 **Adjust Column Widths** – Customize the spacing for readability.

#### **Style Settings**

🎨 **Table Borders & Backgrounds** – Customize row and column styling.\
⚡ **Hover Effects** – Enable row highlighting on hover.\
📏 **Alternate Row Colors** – Improve readability with striped rows.

#### **Advanced Features**

📱 **Mobile Optimization** – Responsive tables with scrolling.\
🔄 **Sortable Columns** – Users can click column headers to sort data.

***

### FAQs

<details>

<summary>Can I enable search and filter on the simple table layout?</summary>

Yes! You can enable **Search & Filter** in the settings for both layouts.

</details>

<details>

<summary>Can I customize the table's column width?</summary>

Yes! You can manually adjust column sizes for better readability.

</details>

<details>

<summary>Can I change the table's colors and fonts?</summary>

Yes! The **Style Settings** allow you to modify colors, fonts, and borders.

</details>

<details>

<summary>Is the table responsive on mobile devices?</summary>

Yes! The table will automatically adjust for smaller screens with scrolling enabled.

</details>

***

### **Need Help?**

For support, contact us at <support@modernpress.com>.