HTML Table Generator - Any Recommendations?

HTML & CSS
1

Can any of you recommend a GOOD online HTML table generator. I need one for non-html clients to generate the mark-up for tables they are dropping into the html source view of a WYSIWYG editor. Needs to offer variable cols/rows/head and input the cell data and then generate and offer to copy.

I don’t want it to offer background colours/borders or any inline/css styling as I’m controlling that with an external css file. Ideally needs to include <thead>, <tbody> & <tfoot> tags so they can generate similar to the following;

		<table summary="Term Dates">
			<thead>
				<tr>
					<th>
						Term
					</th>
					<th>
						From
					</th>
					<th>
						To
					</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>
						Autumn
					</td>
					<td>
						Date 1
					</td>
					<td>
						Date 2
					</td>
				</tr>
				<tr class="odd">
					<td>
						Winter
					</td>
					<td>
						Date 1
					</td>
					<td>
						Date 2
					</td>
				</tr>
				<tr>
					<td>
						Spring
					</td>
					<td>
						Date 1
					</td>
					<td>
						Date 2
					</td>
				</tr>
				<tr class="odd">
					<td>
						Summer
					</td>
					<td>
						Date 1
					</td>
					<td>
						Date 2
					</td>
				</tr>
			</tbody>
		</table>

The best one i’ve found so far is at http://tablegen.nfshost.com/index.py?numrows_previous=5&numcols_previous=3&numrows=5&numcols=3&cell=term&cell=from&cell=to&cell=Autumn&cell=asas&cell=asas&cell=Winter&cell=hghgh&cell=hghghg&cell=Spring&cell=klklkl&cell=lklklk&cell=Winter&cell=hjhjjhjhj&cell=jhjhjhjh&headers=1&gentable=Generate+HTML+for+Table
but it doesn’t offer <thead>, <tbody> & <tfoot>. Kotatsu http://www.askthecssguy.com/kotatsu/index.html is also nearly there but fails on the same issue.

Any recommendations?

2

http://accessify.com/tools-and-wizards/accessibility-tools/table-builder/ might work for them :slight_smile:

3

That’s pretty close bluedreamer! Has <thead>, <tbody> etc and they can copy the markup alone. Just a shame they can’t input the cell data into the table before copying.

Thanks for the link :eye:

4

I have one at http://javascript.about.com/library/bltablegen.htm that sticks different dummy text in each of the cells so as to make it easy to tell what content you want to insert where.