hkTableStarter

Features:

• Provides a graphical user interface for starting HTML tables.
   
• Ability to create tables with complex merged cells.
   
• Save and open table layouts [new v0.51].
   
• Preview window for testing the table before inserting the generated HTML code [new v0.51].
   
• Snippets library for obtaining ready-to-use table layouts [new v0.51].
   
• Scrollable layout window [new v0.51].
   
• Customizable layout size, TABLE tag attributes and empty cell value.
   
• Ability to customize TR and TD tag attributes.
   
• Space for entering tags that appear above and below the table.
   
• Options for adding alternating background colors and other styles to table rows and columns with rotating classes [v0.44].
   
• Formats HTML code according to preferences under "Edit | Preferences | Format".
   
• Previews table code changes in real-time.
   
• Ability to change the size of indents, using spaces or tabs.
   
• Syntax highlighted code preview window.
   
• Remembers dialog position, size and options between sessions.

Usage:

• To insert a new table: invoke the plugin, adjust the number of rows/columns and click the "Create" button.
   
• To create a table with one or more merged cell areas: select the cells that should be merged by moving the mouse while holding the mouse button down, and click the "Merge selected cells" button.
   
• To view the table code or to preview table code changes: change to the "Code" tab and adjust the options as necessary.
   
• To customize tag attributes: update options on tabs for TABLE, TR and TD attributes.
   
• To add alternating colors to table rows: change to the "TR attributes" tab and check the "Add rotating classes" option. Click "Create" to generate the table. Each row in the table will have a rotating class name for easily adding alternating background colors and other styles. To test the final result, copy the sample styles at the bottom of the table and insert into a <style>. . .</style> block [v0.44].
   
• To insert tags above and below the table: change to the "Top/Bottom Tags" tab and enter the tags that should appear above and/or below <table>. . .</table> tags.
   
• To change the case/format of tags: select "Edit | Preferences | Format" from the main menu.

Related Tags:

• HTML tags: table, td, tr.
   
• HTML attributes: class, colspan, rowspan.