Replies: 2 comments 2 replies
-
Hello, I have created a table <div class="m-3">
<div data-role="panel" data-title-caption="Link Database" data-collapsible="false" data-title-icon="<span class='mif-link'></span>" class="mt-4">
<div class="row">
<div class="cell-md-12 p-5">
<table class="table striped table-border mt-4" id="example" data-role="table" data-pagination="true">
<thead>
<tr>
<th class="sortable-column sort-desc">Name</th>
<th>Description</th>
<th>URL</th>
</tr>
</thead>
<body>
<tr>
<td style="width: 1px"><a href="<?php echo $row['url']; ?>" target="_blank"><?php echo $row['title']; ?></a></td>
<td style="word-wrap: break-word; max-width: 100px;"><?php echo $row['description']; ?></td>
<td><?php echo $row['url']; ?></td>
</tr>
</tfoot>
</table>
</div>
</div>
</div>
</div> However, I want the #2 column to have a large amount of text that breaks after it reaches a certain size. I am essentially making a table with links to several different systems. And the description column may contain several sentences to describe the system. I've tried max width and word-wrap with no change. |
Beta Was this translation helpful? Give feedback.
1 reply
-
Please respect the community members' time, create examples on codepen.io so that they can be viewed in detail! And format your code! |
Beta Was this translation helpful? Give feedback.
1 reply
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Discussion about a Table component
Beta Was this translation helpful? Give feedback.
All reactions