Member Avatar for Phesheya

I want to modify a table columns and rows the way I want them, but i have a problem on doing that please help me.

  • 3 Contributors
  • 2 Replies
  • 118 Views
  • 14 Hours Discussion Span
  • Latest Post Latest Post by chocolatte.lavista_1

Dani AI

Generated

— because the thread had no markup (as noted) and asked for code, here is a compact, practical starter you can apply right away. It covers the HTML/CSS changes and the typical Dreamweaver GUI actions to insert/delete/resize rows and columns.

A minimal HTML example (shows colgroup, colspan, rowspan):

<table class="mytable">
  <colgroup>
    <col style="width:40%">
    <col style="width:30%">
    <col style="width:30%">
  </colgroup>
  <thead>
    <tr><th>Item</th><th>Qty</th><th>Price</th></tr>
  </thead>
  <tbody>
    <tr><td rowspan="2">Widget A</td><td>2</td><td>$10</td></tr>
    <tr><td>3</td><td>$15</td></tr>
  </tbody>
</table>

Simple CSS to keep widths predictable:

.mytable { width:100%; table-layout:fixed; border-collapse:collapse; }
.mytable th, .mytable td { padding:6px; border:1px solid #ccc; }

Dreamweaver workflow notes:

  • In Design view you can select a cell/row/column, then use the right-click context menu or the Table menu to Insert Row Above/Below, Insert Column Left/Right, or Delete Row/Column. The Properties inspector also exposes colspan/rowspan and width controls.
  • To merge/split cells use the Table > Merge Cells / Split Cells commands (or the context menu). To change a column width visually, drag the column rule in Design view or edit the <col> widths in Code view.
  • If Dreamweaver’s automatic layout reshuffles things, switch to Code view and edit the <tr>, <td>, colspan and rowspan attributes directly for exact results.

Troubleshooting and best practices:

  • Use colgroup/col or percentages for reliable column sizing. table-layout: fixed makes widths respect col styles.
  • For responsive tables wrap the table in a container with overflow-x: auto rather than forcing layout with tables. Also avoid using tables for page layout; use CSS Grid/Flexbox for non-tabular content.

Recommended Answers

All 2 Replies

Member Avatar for chocolatte.lavista_1

share your coding?

Edited by chocolatte.lavista_1
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.