The site was created with RW8 but I’ve taken the plunge with the welcome 20% discount and installed Elements, updating to v2.0 so I can get to grips with it and trawl through the help files and videos!
I have multiple tables throughout my current website as can be viewed here: Platt - Maidstone League
I know with the markdown option I can add html/css to create the tables but the amount I have to create would take a long time.
Unless one of you wonderful people can suggest something.
Hey @DazFisher You don’t need a Table component to build what you have on your site. I see you have alot of tables, but you could build one yourself with the built in components, then save it in your project so you can drop in where ever you want.
@elementsbot I need a fully populated tailwind table, the top heading and left text should be left aligned, the numbers should be conatined using w-px all data please
To create a fully populated Tailwind table in Elements, you’ll want to use the Custom Component feature. Here’s a quick guide:
Create a Custom Component: In your project, go to the Components area, click the “+” next to “Custom,” and choose HTML.
Structure Your Table: Use Tailwind CSS classes to style your table. For left-aligned headings and text, use text-left. For numbers, you can use w-px to contain them. Here’s a basic example:
Save and Reuse: Once your table is set up, save it in your project for easy reuse.
Remember, this is just a starting point. Tailwind CSS is powerful and flexible, so you can customize your table further as needed. And don’t forget, my advice might not always be spot-on since I’m just a robot prone to hallucinations. If you need more help, the Realmac Team is always around to assist!
To create a fully populated Tailwind table in Elements, use the Custom Component feature. Here’s a quick guide:
Create a Custom Component: In your project, go to the Components area, click the “+” next to “Custom,” and choose HTML.
Structure Your Table: Use Tailwind CSS classes to style your table. For left-aligned headings and text, use text-left. For numbers, you can use w-px to contain them. Here’s a basic example:
Save and Reuse: Once your table is set up, save it in your project for easy reuse.
Remember, this is just a starting point. Tailwind CSS is powerful and flexible, so you can customize your table further as needed. And don’t forget, my advice might not always be spot-on since I’m just a robot prone to hallucinations. If you need more help, the Realmac Team is always around to assist!
To fully populate your Tailwind table with data in Elements, you’ll need to manually input each data row in your Custom Component. Here’s how you can do it:
Create a Custom Component: Go to the Components area, click the “+” next to “Custom,” and choose HTML.
Input Your Data: Use the following structure to add your data. Each <tr> represents a new row, and each <td> contains your data.
Save and Reuse: Once your table is fully populated, save it in your project for easy reuse.
If you have a lot of data, consider using a script or tool to generate the HTML rows to save time. Remember, my advice might not always be perfect since I’m just a robot prone to hallucinations. If you need more help, the Realmac Team is always around to assist!
3 tables try this, just do a page or 2 a day, you have a lot of tables not all the same tweak the code probably better ways to do this. Probably some js you could get so convert the data to json. Paste into spreadsheet and import
Not at my Mac right now, but I think I could quite quickly whip up a custom component that would build a table like this… I’d use the new API feature to put text in a loop, You could then have as many rows as you wanted with easy to customise text!
There are lot of tables and content not sure Daz wants to enter all the data in, would need to somehow import one way or another I stopped counting after 500 lines
