Table

Tables in WordPress are created using regular HTML markup, there are no custom shortcodes for them. How ever since Chap is using Semantic UI there are different classes available that can be used for tables.

Learn more about Semantic UI tables.
Table
HeaderHeaderHeader
CellCellCell
CellCellCell
CellCellCell
Footer
{lt}table class="ui celled table"{gt}
  {lt}thead{gt}
    {lt}tr{gt}
        {lt}th{gt}Header{lt}/th{gt}
        {lt}th{gt}Header{lt}/th{gt}
        {lt}th{gt}Header{lt}/th{gt}
    {lt}/tr{gt}
  {lt}/thead{gt}
  {lt}tbody{gt}
    {lt}tr{gt}
      {lt}td{gt}Cell{lt}/td{gt}
      {lt}td{gt}Cell{lt}/td{gt}
      {lt}td{gt}Cell{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}Cell{lt}/td{gt}
      {lt}td{gt}Cell{lt}/td{gt}
      {lt}td{gt}Cell{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}Cell{lt}/td{gt}
      {lt}td{gt}Cell{lt}/td{gt}
      {lt}td{gt}Cell{lt}/td{gt}
    {lt}/tr{gt}
  {lt}/tbody{gt}
  {lt}tfoot{gt}
    {lt}tr{gt}
        {lt}th colspan="3"{gt}Footer{lt}/th{gt}
    {lt}/tr{gt}
  {lt}/tfoot{gt}
{lt}/table{gt}
Notes
Regular <table> tag gets .ui.celled.table classes applied by default, so they don't need to be manually specified.
Padded table
Evidence RatingEffectEfficacyConsensusComments
A
Power Output 80%
18 studies
Creatine supplementation is the reference compound for increasing muscular creatine levels; there is variability in this increase, however, with some nonresponders.
A
Weight 100%
65 studies
Creatine is the reference compound for power improvement, with numbers from one meta-analysis to assess potency
{lt}table class="ui celled padded table"{gt}
  {lt}thead{gt}
    {lt}tr{gt}
        {lt}th class="single line"{gt}Evidence Rating{lt}/th{gt}
        {lt}th{gt}Effect{lt}/th{gt}
        {lt}th{gt}Efficacy{lt}/th{gt}
        {lt}th{gt}Consensus{lt}/th{gt}
        {lt}th{gt}Comments{lt}/th{gt}
    {lt}/tr{gt}
  {lt}/thead{gt}
  {lt}tbody{gt}
    {lt}tr{gt}
      {lt}td{gt}<header large center aligned>A</header>{lt}/td{gt}
      {lt}td class="single line"{gt}Power Output{lt}/td{gt}
      {lt}td class="center aligned single line"{gt}
        <icon yellow star>
        <icon yellow star>
      {lt}/td{gt}
      {lt}td class="right aligned"{gt}
        80%{lt}br{gt}
        {lt}a href="#"{gt}18 studies{lt}/a{gt}
      {lt}/td{gt}
      {lt}td{gt}Creatine supplementation is the reference compound for increasing muscular creatine levels; there is variability in this increase, however, with some nonresponders.{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}<header large center aligned>A</header>{lt}/td{gt}
      {lt}td class="single line"{gt}Weight{lt}/td{gt}
      {lt}td class="center aligned single line"{gt}
        <icon yellow star>
        <icon yellow star>
        <icon yellow star>
      {lt}/td{gt}
      {lt}td class="right aligned"{gt}
        100%{lt}br{gt}
        {lt}a href="#"{gt}65 studies{lt}/a{gt}
      {lt}/td{gt}
      {lt}td{gt}Creatine is the reference compound for power improvement, with numbers from one meta-analysis to assess potency{lt}/td{gt}
    {lt}/tr{gt}
  {lt}/tbody{gt}
{lt}/table{gt}
Basic collapsing table
EmployeeCorrect Guesses
Header icon
Lena
Human Resources
22
Header icon
Matthew
Fabric Design
15
Header icon
Lindsay
Entertainment
12
Header icon
Mark
Executive
11
{lt}table class="ui very basic collapsing celled table"{gt}
  {lt}thead{gt}
    {lt}tr{gt}
        {lt}th{gt}Employee{lt}/th{gt}
        {lt}th{gt}Correct Guesses{lt}/th{gt}
    {lt}/tr{gt}
  {lt}/thead{gt}
  {lt}tbody{gt}
    {lt}tr{gt}
      {lt}td{gt}
        <header small image="/avatars/1s.png" image_size="mini rounded">
          Lena
          <subheader normal>Human Resources</subheader>
        </header>
      {lt}/td{gt}
      {lt}td{gt}22{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}
        <header small image="/avatars/2s.png" image_size="mini rounded">
          Matthew
          <subheader normal>Fabric Design</subheader>
        </header>
      {lt}/td{gt}
      {lt}td{gt}15{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}
        <header small image="/avatars/3s.png" image_size="mini rounded">
          Lindsay
          <subheader normal>Entertainment</subheader>
        </header>
      {lt}/td{gt}
      {lt}td{gt}12{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}
        <header small image="/avatars/4s.png" image_size="mini rounded">
          Mark
          <subheader normal>Executive</subheader>
        </header>
      {lt}/td{gt}
      {lt}td{gt}11{lt}/td{gt}
    {lt}/tr{gt}
  {lt}/tbody{gt}
{lt}/table{gt}
Sortable table
NameStatusNotes
JamieApprovedRequires call
JillDeniedNone
JohnNo ActionNone
3 People2 Approved
{lt}table class="ui sortable celled table"{gt}
  {lt}thead{gt}
    {lt}tr{gt}
      {lt}th{gt}Name{lt}/th{gt}
      {lt}th class="sorted ascending"{gt}Status{lt}/th{gt}
      {lt}th{gt}Notes{lt}/th{gt}
    {lt}/tr{gt}
  {lt}/thead{gt}
  {lt}tbody{gt}
    {lt}tr{gt}
      {lt}td{gt}Jamie{lt}/td{gt}
      {lt}td class="positive"{gt}Approved{lt}/td{gt}
      {lt}td class="warning"{gt}Requires call{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}Jill{lt}/td{gt}
      {lt}td class="negative"{gt}Denied{lt}/td{gt}
      {lt}td{gt}None{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}John{lt}/td{gt}
      {lt}td{gt}No Action{lt}/td{gt}
      {lt}td{gt}None{lt}/td{gt}
    {lt}/tr{gt}
  {lt}/tbody{gt}
  {lt}tfoot{gt}
    {lt}tr{gt}
      {lt}th{gt}3 People{lt}/th{gt}
      {lt}th{gt}2 Approved{lt}/th{gt}
      {lt}th{gt}{lt}/th{gt}
    {lt}/tr{gt}
  {lt}/tfoot{gt}
{lt}/table{gt}
Using repeat shortcode
NameStatusNotes
JohnApprovedNone
JamieApprovedRequires call
JillDeniedNone
JohnApprovedNone
JamieApprovedRequires call
JillDeniedNone
JohnApprovedNone
JamieApprovedRequires call
JillDeniedNone
{lt}table class="ui celled table"{gt}
  {lt}thead{gt}
    {lt}tr{gt}
      {lt}th{gt}Name{lt}/th{gt}
      {lt}th{gt}Status{lt}/th{gt}
      {lt}th{gt}Notes{lt}/th{gt}
    {lt}/tr{gt}
  {lt}/thead{gt}
  {lt}tbody{gt}
  <repeat data="
    John|Approved|None, 
    Jamie|Approved|Requires call, 
    Jill|Denied|None,
    John|Approved|None, 
    Jamie|Approved|Requires call, 
    Jill|Denied|None,
    John|Approved|None, 
    Jamie|Approved|Requires call, 
    Jill|Denied|None,
  ">
    {lt}tr{gt}
      {lt}td{gt}%0%{lt}/td{gt}
      {lt}td{gt}%1%{lt}/td{gt}
      {lt}td{gt}%2%{lt}/td{gt}
    {lt}/tr{gt}
  </repeat>
  {lt}/tbody{gt}
{lt}/table{gt}
Striped table
Git Repository
node_modulesInitial commit10 hours ago
testInitial commit10 hours ago
buildInitial commit10 hours ago
package.jsonInitial commit10 hours ago
Gruntfile.jsInitial commit10 hours ago
{lt}table class="ui celled striped table"{gt}
  {lt}thead{gt}
    {lt}tr{gt}
      {lt}th colspan="3"{gt}Git Repository{lt}/th{gt}
    {lt}/tr{gt}
  {lt}/thead{gt}
  {lt}tbody{gt}
    {lt}tr{gt}
      {lt}td class="collapsing"{gt}<icon folder> node_modules{lt}/td{gt}
      {lt}td{gt}Initial commit{lt}/td{gt}
      {lt}td class="right aligned collapsing"{gt}10 hours ago{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}<icon folder> test{lt}/td{gt}
      {lt}td{gt}Initial commit{lt}/td{gt}
      {lt}td class="right aligned"{gt}10 hours ago{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}<icon folder> build{lt}/td{gt}
      {lt}td{gt}Initial commit{lt}/td{gt}
      {lt}td class="right aligned"{gt}10 hours ago{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}<icon file outline> package.json{lt}/td{gt}
      {lt}td{gt}Initial commit{lt}/td{gt}
      {lt}td class="right aligned"{gt}10 hours ago{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}<icon file outline> Gruntfile.js{lt}/td{gt}
      {lt}td{gt}Initial commit{lt}/td{gt}
      {lt}td class="right aligned"{gt}10 hours ago{lt}/td{gt}
    {lt}/tr{gt}
  {lt}/tbody{gt}
{lt}/table{gt}
Definition table
ArgumentsDescription
reset ratingNoneResets rating to default value
set ratingrating (integer)Sets the current star rating to specified value
{lt}table class="ui definition table"{gt}
  {lt}thead{gt}
    {lt}tr{gt}
      {lt}th{gt}{lt}/th{gt}
      {lt}th{gt}Arguments{lt}/th{gt}
      {lt}th{gt}Description{lt}/th{gt}
    {lt}/tr{gt}
  {lt}/thead{gt}
  {lt}tbody{gt}
    {lt}tr{gt}
      {lt}td{gt}reset rating{lt}/td{gt}
      {lt}td{gt}None{lt}/td{gt}
      {lt}td{gt}Resets rating to default value{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}set rating{lt}/td{gt}
      {lt}td{gt}rating (integer){lt}/td{gt}
      {lt}td{gt}Sets the current star rating to specified value{lt}/td{gt}
    {lt}/tr{gt}
  {lt}/tbody{gt}
{lt}/table{gt}
Structured table
NameTypeFilesLanguages
RubyJavaScriptPython
Alpha TeamProject 12
Beta TeamProject 152
Project 212
Project 321
{lt}table class="ui celled structured table"{gt}
  {lt}thead{gt}
    {lt}tr{gt}
      {lt}th rowspan="2"{gt}Name{lt}/th{gt}
      {lt}th rowspan="2"{gt}Type{lt}/th{gt}
      {lt}th rowspan="2"{gt}Files{lt}/th{gt}
      {lt}th colspan="3"{gt}Languages{lt}/th{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}th{gt}Ruby{lt}/th{gt}
      {lt}th{gt}JavaScript{lt}/th{gt}
      {lt}th{gt}Python{lt}/th{gt}
    {lt}/tr{gt}
  {lt}/thead{gt}
  {lt}tbody{gt}
    {lt}tr{gt}
      {lt}td{gt}Alpha Team{lt}/td{gt}
      {lt}td{gt}Project 1{lt}/td{gt}
      {lt}td class="right aligned"{gt}2{lt}/td{gt}
      {lt}td class="center aligned"{gt}<icon large green checkmark>{lt}/td{gt}
      {lt}td{gt}{lt}/td{gt}
      {lt}td{gt}{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td rowspan="3"{gt}Beta Team{lt}/td{gt}
      {lt}td{gt}Project 1{lt}/td{gt}
      {lt}td class="right aligned"{gt}52{lt}/td{gt}
      {lt}td class="center aligned"{gt}<icon large green checkmark>{lt}/td{gt}
      {lt}td{gt}{lt}/td{gt}
      {lt}td{gt}{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}Project 2{lt}/td{gt}
      {lt}td class="right aligned"{gt}12{lt}/td{gt}
      {lt}td{gt}{lt}/td{gt}
      {lt}td class="center aligned"{gt}<icon large green checkmark>{lt}/td{gt}
      {lt}td{gt}{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}Project 3{lt}/td{gt}
      {lt}td class="right aligned"{gt}21{lt}/td{gt}
      {lt}td class="center aligned"{gt}<icon large green checkmark>{lt}/td{gt}
      {lt}td{gt}{lt}/td{gt}
      {lt}td{gt}{lt}/td{gt}
    {lt}/tr{gt}
  {lt}/tbody{gt}
{lt}/table{gt}
Cell states
NameStatusNotes
No Name SpecifiedApprovedNone
JimmyCannot pull dataNone
JamieApproved Classified
Jill ApprovedNone
{lt}table class="ui celled table"{gt}
  {lt}thead{gt}
    {lt}tr{gt}
      {lt}th{gt}Name{lt}/th{gt}
      {lt}th{gt}Status{lt}/th{gt}
      {lt}th{gt}Notes{lt}/th{gt}
    {lt}/tr{gt}
  {lt}/thead{gt}
  {lt}tbody{gt}
    {lt}tr{gt}
      {lt}td class="warning"{gt}No Name Specified{lt}/td{gt}
      {lt}td{gt}Approved{lt}/td{gt}
      {lt}td class="disabled"{gt}None{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr class="error"{gt}
      {lt}td{gt}Jimmy{lt}/td{gt}
      {lt}td{gt}Cannot pull data{lt}/td{gt}
      {lt}td{gt}None{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td class="active"{gt}Jamie{lt}/td{gt}
      {lt}td{gt}Approved{lt}/td{gt}
      {lt}td class="error"{gt}<icon attention> Classified{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}Jill{lt}/td{gt}
      {lt}td class="positive"{gt}<icon checkmark> Approved{lt}/td{gt}
      {lt}td class="disabled"{gt}None{lt}/td{gt}
    {lt}/tr{gt}
  {lt}/tbody{gt}
{lt}/table{gt}
Notes
Cells or rows can contain classes: .positive, .negative, .warning, .error, .active, .disabled
Selectable rows
NameStatusNotes
JohnNo ActionNone
JamieApprovedRequires call
JillDeniedNone
JohnNo ActionNone
JamieApprovedRequires call
JillDeniedNone
{lt}table class="ui selectable celled table"{gt}
  {lt}thead{gt}
    {lt}tr{gt}
      {lt}th{gt}Name{lt}/th{gt}
      {lt}th{gt}Status{lt}/th{gt}
      {lt}th{gt}Notes{lt}/th{gt}
    {lt}/tr{gt}
  {lt}/thead{gt}
  {lt}tbody{gt}
    {lt}tr{gt}
      {lt}td{gt}John{lt}/td{gt}
      {lt}td{gt}No Action{lt}/td{gt}
      {lt}td{gt}None{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}Jamie{lt}/td{gt}
      {lt}td{gt}Approved{lt}/td{gt}
      {lt}td{gt}Requires call{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}Jill{lt}/td{gt}
      {lt}td{gt}Denied{lt}/td{gt}
      {lt}td{gt}None{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr class="warning"{gt}
      {lt}td{gt}John{lt}/td{gt}
      {lt}td{gt}No Action{lt}/td{gt}
      {lt}td{gt}None{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}Jamie{lt}/td{gt}
      {lt}td class="positive"{gt}Approved{lt}/td{gt}
      {lt}td class="warning"{gt}Requires call{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}Jill{lt}/td{gt}
      {lt}td class="negative"{gt}Denied{lt}/td{gt}
      {lt}td{gt}None{lt}/td{gt}
    {lt}/tr{gt}
  {lt}/tbody{gt}
{lt}/table{gt}
Inverted selectable
NameStatusNotes
JohnApprovedNone
JamieApprovedRequires call
JillDeniedNone
{lt}table class="ui selectable inverted table"{gt}
  {lt}thead{gt}
    {lt}tr{gt}
      {lt}th{gt}Name{lt}/th{gt}
      {lt}th{gt}Status{lt}/th{gt}
      {lt}th class="right aligned"{gt}Notes{lt}/th{gt}
    {lt}/tr{gt}
  {lt}/thead{gt}
  {lt}tbody{gt}
    {lt}tr{gt}
      {lt}td{gt}John{lt}/td{gt}
      {lt}td{gt}Approved{lt}/td{gt}
      {lt}td class="right aligned"{gt}None{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}Jamie{lt}/td{gt}
      {lt}td{gt}Approved{lt}/td{gt}
      {lt}td class="right aligned"{gt}Requires call{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}Jill{lt}/td{gt}
      {lt}td{gt}Denied{lt}/td{gt}
      {lt}td class="right aligned"{gt}None{lt}/td{gt}
    {lt}/tr{gt}
  {lt}/tbody{gt}
{lt}/table{gt}
Vertical alignment
NameStatusNotes
JohnApproved Notes
1
2
JamieApproved Notes
1
2
{lt}table class="ui striped table"{gt}
  {lt}thead{gt}
    {lt}tr{gt}
      {lt}th{gt}Name{lt}/th{gt}
      {lt}th{gt}Status{lt}/th{gt}
      {lt}th{gt}Notes{lt}/th{gt}
    {lt}/tr{gt}
  {lt}/thead{gt}
  {lt}tbody{gt}
    {lt}tr class="top aligned"{gt}
      {lt}td{gt}John{lt}/td{gt}
      {lt}td{gt}Approved{lt}/td{gt}
      {lt}td class="top aligned"{gt}
        Notes{lt}br{gt}
        1{lt}br{gt}
        2{lt}br{gt}
      {lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}Jamie{lt}/td{gt}
      {lt}td class="bottom aligned"{gt}Approved{lt}/td{gt}
      {lt}td{gt}
        Notes{lt}br{gt}
        1{lt}br{gt}
        2{lt}br{gt}
      {lt}/td{gt}
    {lt}/tr{gt}
  {lt}/tbody{gt}
{lt}/table{gt}
Basic table
NameStatusNotes
JohnApprovedNone
JamieApprovedRequires call
JillDeniedNone
{lt}table class="ui basic table"{gt}
  {lt}thead{gt}
    {lt}tr{gt}
      {lt}th{gt}Name{lt}/th{gt}
      {lt}th{gt}Status{lt}/th{gt}
      {lt}th{gt}Notes{lt}/th{gt}
    {lt}/tr{gt}
  {lt}/thead{gt}
  {lt}tbody{gt}
    {lt}tr{gt}
      {lt}td{gt}John{lt}/td{gt}
      {lt}td{gt}Approved{lt}/td{gt}
      {lt}td{gt}None{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}Jamie{lt}/td{gt}
      {lt}td{gt}Approved{lt}/td{gt}
      {lt}td{gt}Requires call{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}Jill{lt}/td{gt}
      {lt}td{gt}Denied{lt}/td{gt}
      {lt}td{gt}None{lt}/td{gt}
    {lt}/tr{gt}
  {lt}/tbody{gt}
{lt}/table{gt}
Very basic table
NameStatusNotes
JohnApprovedNone
JamieApprovedRequires call
JillDeniedNone
{lt}table class="ui very basic table"{gt}
  {lt}thead{gt}
    {lt}tr{gt}
      {lt}th{gt}Name{lt}/th{gt}
      {lt}th{gt}Status{lt}/th{gt}
      {lt}th{gt}Notes{lt}/th{gt}
    {lt}/tr{gt}
  {lt}/thead{gt}
  {lt}tbody{gt}
    {lt}tr{gt}
      {lt}td{gt}John{lt}/td{gt}
      {lt}td{gt}Approved{lt}/td{gt}
      {lt}td{gt}None{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}Jamie{lt}/td{gt}
      {lt}td{gt}Approved{lt}/td{gt}
      {lt}td{gt}Requires call{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}Jill{lt}/td{gt}
      {lt}td{gt}Denied{lt}/td{gt}
      {lt}td{gt}None{lt}/td{gt}
    {lt}/tr{gt}
  {lt}/tbody{gt}
{lt}/table{gt}
Collapsing cell
node_modulesInitial commit10 hours ago
testInitial commit10 hours ago
buildInitial commit10 hours ago
{lt}table class="ui table"{gt}
  {lt}tbody{gt}
    {lt}tr{gt}
      {lt}td class="collapsing"{gt}<icon folder> node_modules{lt}/td{gt}
      {lt}td{gt}Initial commit{lt}/td{gt}
      {lt}td{gt}10 hours ago{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}<icon folder> test{lt}/td{gt}
      {lt}td{gt}Initial commit{lt}/td{gt}
      {lt}td{gt}10 hours ago{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}<icon folder> build{lt}/td{gt}
      {lt}td{gt}Initial commit{lt}/td{gt}
      {lt}td{gt}10 hours ago{lt}/td{gt}
    {lt}/tr{gt}
  {lt}/tbody{gt}
{lt}/table{gt}
Notes
Collapsing cell uses only as much space as required.
Column width
NameStatus
JohnApproved
JamieApproved
JillDenied
3 People2 Approved
{lt}table class="ui table"{gt}
  {lt}thead{gt}
    {lt}tr{gt}
      {lt}th class="ten wide"{gt}Name{lt}/th{gt}
      {lt}th class="six wide"{gt}Status{lt}/th{gt}
    {lt}/tr{gt}
  {lt}/thead{gt}
  {lt}tbody{gt}
    {lt}tr{gt}
      {lt}td{gt}John{lt}/td{gt}
      {lt}td{gt}Approved{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}Jamie{lt}/td{gt}
      {lt}td{gt}Approved{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}Jill{lt}/td{gt}
      {lt}td{gt}Denied{lt}/td{gt}
    {lt}/tr{gt}
  {lt}/tbody{gt}
  {lt}tfoot{gt}
    {lt}tr{gt}
      {lt}th{gt}3 People{lt}/th{gt}
      {lt}th{gt}2 Approved{lt}/th{gt}
    {lt}/tr{gt}
  {lt}/tfoot{gt}
{lt}/table{gt}
Notes
Column width can be specified same as grids.
Collapsing
NameStatusNotes
JohnApprovedNone
JamieApprovedRequires call
JillDeniedNone
3 People2 Approved
{lt}table class="ui collapsing table"{gt}
  {lt}thead{gt}
    {lt}tr{gt}
      {lt}th{gt}Name{lt}/th{gt}
      {lt}th{gt}Status{lt}/th{gt}
      {lt}th{gt}Notes{lt}/th{gt}
    {lt}/tr{gt}
  {lt}/thead{gt}
  {lt}tbody{gt}
    {lt}tr{gt}
      {lt}td{gt}John{lt}/td{gt}
      {lt}td{gt}Approved{lt}/td{gt}
      {lt}td{gt}None{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}Jamie{lt}/td{gt}
      {lt}td{gt}Approved{lt}/td{gt}
      {lt}td{gt}Requires call{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}Jill{lt}/td{gt}
      {lt}td{gt}Denied{lt}/td{gt}
      {lt}td{gt}None{lt}/td{gt}
    {lt}/tr{gt}
  {lt}/tbody{gt}
  {lt}tfoot{gt}
    {lt}tr{gt}
      {lt}th{gt}3 People{lt}/th{gt}
      {lt}th{gt}2 Approved{lt}/th{gt}
      {lt}th{gt}{lt}/th{gt}
    {lt}/tr{gt}
  {lt}/tfoot{gt}
{lt}/table{gt}
Notes
Collapsing table will take only as much space as it's rows.
Colored table
FoodCaloriesProtein
Apples2000g
Orange3100g
{lt}table class="ui red table"{gt}
  {lt}thead{gt}
    {lt}tr{gt}
      {lt}th{gt}Food{lt}/th{gt}
      {lt}th{gt}Calories{lt}/th{gt}
      {lt}th{gt}Protein{lt}/th{gt}
    {lt}/tr{gt}
  {lt}/thead{gt}
  {lt}tbody{gt}
    {lt}tr{gt}
      {lt}td{gt}Apples{lt}/td{gt}
      {lt}td{gt}200{lt}/td{gt}
      {lt}td{gt}0g{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}Orange{lt}/td{gt}
      {lt}td{gt}310{lt}/td{gt}
      {lt}td{gt}0g{lt}/td{gt}
    {lt}/tr{gt}
  {lt}/tbody{gt}
{lt}/table{gt}
Inverted colored table
FoodCaloriesProtein
Apples2000g
Orange3100g
{lt}table class="ui inverted blue table"{gt}
  {lt}thead{gt}
    {lt}tr{gt}
      {lt}th{gt}Food{lt}/th{gt}
      {lt}th{gt}Calories{lt}/th{gt}
      {lt}th{gt}Protein{lt}/th{gt}
    {lt}/tr{gt}
  {lt}/thead{gt}
  {lt}tbody{gt}
    {lt}tr{gt}
      {lt}td{gt}Apples{lt}/td{gt}
      {lt}td{gt}200{lt}/td{gt}
      {lt}td{gt}0g{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}Orange{lt}/td{gt}
      {lt}td{gt}310{lt}/td{gt}
      {lt}td{gt}0g{lt}/td{gt}
    {lt}/tr{gt}
  {lt}/tbody{gt}
{lt}/table{gt}
Compact table
NameStatusAnother StatusNotes
JohnApprovedApprovedNone
JamieApprovedApprovedRequires call
JohnApprovedApprovedNone
JamieApprovedApprovedRequires call
JohnApprovedApprovedNone
JamieApprovedApprovedRequires call
JohnApprovedApprovedNone
JamieApprovedApprovedRequires call
{lt}table class="ui very compact table"{gt}
  {lt}thead{gt}
    {lt}tr{gt}
      {lt}th{gt}Name{lt}/th{gt}
      {lt}th{gt}Status{lt}/th{gt}
      {lt}th{gt}Another Status{lt}/th{gt}
      {lt}th{gt}Notes{lt}/th{gt}
    {lt}/tr{gt}
  {lt}/thead{gt}
  {lt}tbody{gt}
    {lt}tr{gt}
      {lt}td{gt}John{lt}/td{gt}
      {lt}td{gt}Approved{lt}/td{gt}
      {lt}td{gt}Approved{lt}/td{gt}
      {lt}td{gt}None{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}Jamie{lt}/td{gt}
      {lt}td{gt}Approved{lt}/td{gt}
      {lt}td{gt}Approved{lt}/td{gt}
      {lt}td{gt}Requires call{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}John{lt}/td{gt}
      {lt}td{gt}Approved{lt}/td{gt}
      {lt}td{gt}Approved{lt}/td{gt}
      {lt}td{gt}None{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}Jamie{lt}/td{gt}
      {lt}td{gt}Approved{lt}/td{gt}
      {lt}td{gt}Approved{lt}/td{gt}
      {lt}td{gt}Requires call{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}John{lt}/td{gt}
      {lt}td{gt}Approved{lt}/td{gt}
      {lt}td{gt}Approved{lt}/td{gt}
      {lt}td{gt}None{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}Jamie{lt}/td{gt}
      {lt}td{gt}Approved{lt}/td{gt}
      {lt}td{gt}Approved{lt}/td{gt}
      {lt}td{gt}Requires call{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}John{lt}/td{gt}
      {lt}td{gt}Approved{lt}/td{gt}
      {lt}td{gt}Approved{lt}/td{gt}
      {lt}td{gt}None{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}Jamie{lt}/td{gt}
      {lt}td{gt}Approved{lt}/td{gt}
      {lt}td{gt}Approved{lt}/td{gt}
      {lt}td{gt}Requires call{lt}/td{gt}
    {lt}/tr{gt}
  {lt}/tbody{gt}
{lt}/table{gt}
Small table
NameStatusNotes
JohnApprovedNone
JamieApprovedRequires call
JillDeniedNone
3 People2 Approved
{lt}table class="ui small table"{gt}
  {lt}thead{gt}
    {lt}tr{gt}
      {lt}th{gt}Name{lt}/th{gt}
      {lt}th{gt}Status{lt}/th{gt}
      {lt}th{gt}Notes{lt}/th{gt}
    {lt}/tr{gt}
  {lt}/thead{gt}
  {lt}tbody{gt}
    {lt}tr{gt}
      {lt}td{gt}John{lt}/td{gt}
      {lt}td{gt}Approved{lt}/td{gt}
      {lt}td{gt}None{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}Jamie{lt}/td{gt}
      {lt}td{gt}Approved{lt}/td{gt}
      {lt}td{gt}Requires call{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}Jill{lt}/td{gt}
      {lt}td{gt}Denied{lt}/td{gt}
      {lt}td{gt}None{lt}/td{gt}
    {lt}/tr{gt}
  {lt}/tbody{gt}
  {lt}tfoot{gt}
    {lt}tr{gt}
      {lt}th{gt}3 People{lt}/th{gt}
      {lt}th{gt}2 Approved{lt}/th{gt}
      {lt}th{gt}{lt}/th{gt}
    {lt}/tr{gt}
  {lt}/tfoot{gt}
{lt}/table{gt}
Large table
NameStatusNotes
JohnApprovedNone
JamieApprovedRequires call
JillDeniedNone
3 People2 Approved
{lt}table class="ui large table"{gt}
  {lt}thead{gt}
    {lt}tr{gt}
      {lt}th{gt}Name{lt}/th{gt}
      {lt}th{gt}Status{lt}/th{gt}
      {lt}th{gt}Notes{lt}/th{gt}
    {lt}/tr{gt}
  {lt}/thead{gt}
  {lt}tbody{gt}
    {lt}tr{gt}
      {lt}td{gt}John{lt}/td{gt}
      {lt}td{gt}Approved{lt}/td{gt}
      {lt}td{gt}None{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}Jamie{lt}/td{gt}
      {lt}td{gt}Approved{lt}/td{gt}
      {lt}td{gt}Requires call{lt}/td{gt}
    {lt}/tr{gt}
    {lt}tr{gt}
      {lt}td{gt}Jill{lt}/td{gt}
      {lt}td{gt}Denied{lt}/td{gt}
      {lt}td{gt}None{lt}/td{gt}
    {lt}/tr{gt}
  {lt}/tbody{gt}
  {lt}tfoot{gt}
    {lt}tr{gt}
      {lt}th{gt}3 People{lt}/th{gt}
      {lt}th{gt}2 Approved{lt}/th{gt}
      {lt}th{gt}{lt}/th{gt}
    {lt}/tr{gt}
  {lt}/tfoot{gt}
{lt}/table{gt}

Leave a comment

Your email address will not be published. Required fields are marked *