描述
CoderCreation Table Builder for Elementor is the easiest way to convert CSV files into beautiful, interactive data tables in Elementor. Simply upload your CSV file and instantly display it as a fully styled, searchable, and paginated table.
Perfect for displaying product catalogs, price lists, staff directories, event schedules, and any structured data from spreadsheets.
🚀 Key Features
- CSV to Table Conversion — Upload any CSV file and instantly convert it to a beautiful data table
- Live Search — Real-time table search with instant filtering as users type
- Pagination — Automatic pagination with customizable rows per page (First, Previous, numbered pages, Next, Last)
- Searchable Tables — Full-table keyword search to help users find data quickly
- Mobile Responsive — Choose between horizontal scroll or stacked cards layout for mobile devices
- Table & List Views — Display data as a classic HTML table or an unordered list
- Image Support — Automatically detects and displays images from URLs in your CSV
- Full Elementor Styling — Complete control over typography, colors, borders, spacing, and more
- No Coding Required — Simple drag-and-drop widget in Elementor
💡 Perfect For
- Product Catalogs — Display product listings with prices and specifications
- Price Lists — Show pricing tables with search and filtering
- Staff Directories — Create searchable employee or member directories
- Event Schedules — Display timetables and event listings
- Data Tables — Any structured data from Excel or Google Sheets
- Comparison Tables — Feature comparisons with search functionality
🎨 Styling Options
- Typography Controls — Customize fonts for headings, headers, and table cells
- Color Controls — Set colors for headers, body, striped rows, hover effects, and pagination
- Border & Radius — Control borders and border-radius for tables, cells, and buttons
- Spacing Controls — Adjust padding and margins for every element
- Striped Rows — Enable alternating row colors for better readability
- Hover Effects — Add hover colors to table rows
📱 Mobile Responsive
- Horizontal Scroll — Tables scroll horizontally on mobile devices
- Stacked Cards — Convert table rows into mobile-friendly stacked cards
- Configurable Breakpoint — Set custom mobile breakpoint (default: 768px)
🔍 Search & Pagination
- Live Search — Instant search with animated search/clear icons
- Customizable Placeholder — Set custom search placeholder text
- Numbered Pagination — First, Previous, page numbers, Next, Last buttons
- Rows Per Page — Control how many rows display per page
- Pagination Alignment — Left, center, or right alignment options
🛠️ Technical Features
- CSV File Support — Upload CSV files up to 5 MB
- Unlimited Rows — No artificial row limits (limited only by file size and server memory)
- Automatic Header Detection — First row automatically becomes table header
- Image URL Detection — Automatically renders image URLs as images (jpg, jpeg, png, gif, webp, svg, bmp)
- Clean Code — Proper escaping, sanitization, and security throughout
- WordPress Standards — Follows WordPress coding standards and best practices
📋 How It Works
- Edit any page or post with Elementor
- Search for “CSV Upload & Display” widget
- Drag the widget onto your canvas
- Upload your CSV file via Elementor media library
- Customize styling and settings
- Publish!
Your CSV data is instantly transformed into a beautiful, searchable, paginated table.
🎯 Use Cases
- Convert Excel spreadsheets to web tables
- Display Google Sheets data as searchable tables
- Create filterable product catalogs
- Build searchable price comparison tables
- Show employee directories with search
- Display event schedules with pagination
- Create data-driven content from CSV files
⚙️ Requirements
- WordPress 5.0 or higher
- Elementor (free version) 3.0.0 or higher
- PHP 7.4 or higher
🔒 Privacy & Data Collection
This plugin collects anonymous, non-sensitive usage data to help us improve the plugin. The data collected includes:
- Plugin activation and deactivation events
- WordPress version
- PHP version
- Plugin version
- Site language
** We never collect personal information, user data, or site content is ever collected.**
This data helps us understand how the plugin is used and prioritize improvements. You can opt-out anytime by deactivating the plugin.
Data is sent to: codercreation.com (Our Official Website)
Privacy Policy: https://codercreation.com/privacy-policy/
🆓 100% Free
This plugin is completely free with no locked features, no premium version, and no hidden costs. All features are available to everyone.
螢幕截圖
安裝
Automatic Installation
- Go to WordPress admin Plugins Add New
- Search for “CoderCreation Table Builder for Elementor”
- Click “Install Now” and then “Activate”
- Edit any page with Elementor
- Find the “CSV Upload & Display” widget and start building tables!
Manual Installation
- Download the plugin ZIP file
- Go to WordPress admin Plugins Add New Upload Plugin
- Choose the ZIP file and click “Install Now”
- Activate the plugin
- Edit any page with Elementor and use the widget
常見問題
-
How do I create a table from CSV?
-
Simply drag the “CSV Upload & Display” widget onto your Elementor canvas, upload your CSV file through the media library, and your table appears instantly with search and pagination.
-
Does this work with the free version of Elementor?
-
Yes! This plugin works perfectly with the free version of Elementor. Elementor Pro is not required.
-
What is the maximum CSV file size?
-
The default maximum file size is 5 MB. This can be adjusted based on your server’s upload limits.
-
How many rows can the table display?
-
There are no artificial row limits. The plugin can handle CSV files of any size, limited only by the file size limit (5 MB) and your server’s PHP memory settings.
-
What CSV format is supported?
-
Standard comma-separated values (CSV) format. The first row is automatically treated as the table header.
-
Can I add search functionality to my tables?
-
Yes! Live search is built-in. Users can search across all table data in real-time, and results filter instantly as they type.
-
Does the table have pagination?
-
Yes! Automatic pagination is included with customizable rows per page. Users can navigate with First, Previous, numbered pages, Next, and Last buttons.
-
Can I display images in the table?
-
Yes! If a cell contains a valid image URL (jpg, jpeg, png, gif, webp, svg, bmp), it will automatically be rendered as an image.
-
Is the table mobile responsive?
-
Yes! You can choose between horizontal scroll (default) or stacked cards layout for mobile devices, with a configurable breakpoint.
-
Can I customize the table styling?
-
Absolutely! The Elementor Style tab gives you complete control over typography, colors, borders, spacing, and more for every part of the table.
-
Does it work with Excel files?
-
You need to save your Excel file as CSV format first. Most spreadsheet applications (Excel, Google Sheets, LibreOffice) can export to CSV.
-
Can I use data from Google Sheets?
-
Yes! Export your Google Sheet as CSV (File Download CSV), then upload it to the widget.
-
Is there a row limit for free users?
-
No! There are no artificial limits. All features are available to everyone for free.
評價
There are no reviews for this plugin.
貢獻者及開發者
修改日誌
1.0.2
- Added: Anonymous usage tracking to help improve the plugin
- Added: Privacy disclosure in README
- Improved: Better analytics for plugin improvements
1.0.1
- Fixed: Removed all row limits – plugin now handles CSV files of any size (within file size limit)
- Fixed: Improved file path handling to work correctly with custom WordPress setups
- Improved: Enhanced compatibility with WordPress.org guidelines
1.0.0
- Initial release
- CSV Upload & Display widget with search, pagination, and responsive mobile layouts
- Full Elementor style controls: typography, colors, borders, spacing





