Evolve
x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<div class="min-w-full overflow-x-auto overflow-y-visible rounded-sm bg-white dark:border-gray-700 dark:bg-gray-800">
  <table class="min-w-full align-middle whitespace-nowrap text-xs">
    <thead>
      <tr>
        <th>Role</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Admin</td>
      </tr>
      <tr>
        <td>User</td>
      </tr>
      <tr>
        <td>Editor</td>
      </tr>
    </tbody>
  </table>
</div>
Param Description Input

—

—

—

—
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
render ui.table(size: size, bordered: bordered, striped: striped, hover: hover) do |table|
  tag.thead do
    tag.tr do
      tag.th "Name"
      tag.th "Email"
      tag.th "Role"
    end
  end +
  tag.tbody do
    tag.tr do
      tag.td "John Doe"
      tag.td "john@example.com"
      tag.td "Admin"
    end +
    tag.tr do
      tag.td "Jane Smith"
      tag.td "jane@example.com"
      tag.td "User"
    end +
    tag.tr do
      tag.td "Bob Johnson"
      tag.td "bob@example.com"
      tag.td "Editor"
    end
  end
end