Skip to main content

Tables

Tables allow data to be displayed with a structure. Be sure that the information being presented warrants being displayed in a table. Often, regular paragraphs of text are better way to communicate.

Default

By default, tables feature a simple one pixel border. Each table is wrapped in a div, responsive-table, which allows for wide tables to horizontally scroll at smaller screen sizes.

Make sure to include thead and tbody sections as tags are vertically aligned to the bottom only within a thead tag.

EvidenceProblemRelevant theorySolution
CEO
  • Office location on top floor
  • 'mythical figure'
  • Focussed on results
  • HealthCo is 'his baby'
CEO leadership style
  • 'autocratic'
  • Weber (Bureaucratic management)
    (Houghton 2010)
  • Taylor (Scientific theory of management)
    (Van Vugt et al. 2004
  • Mintzberg Management roles model
    • interpersonal
    • ...
    • ...
    (Mintzberg 2004)
  • No respect for staff ('only a number)
  • No rewards ... only punishment ('super snoops')
  • No initiative allowed
    • staff leaving
Management culture
  • 'distrustful'
  • controlling
  • Mechanistic
  • Autocratic leadership style
    (Bass & Bass 2008)
  • Fayol's Principles (Administritive theory)
    • equity, ..., etc.
    (Houghton 2010)
  • Human Performance System
    • feedback
    • ...
    (Baker 2010)
  • Communication 'top down'
Communication
  • memos only
  • Impersonal communication style
    (De Hoog et al. 2015)
  • Good communication key to unified work environment.
    (Kessler 2010)
<div class="table-responsive">
	<table>
	<thead>
		<tr>
			<th>Column heading 1</th>
			<th>Column heading 2</th>
			<th>Column heading 3</th>
			<th>Column heading 4</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<th>Column content 1</th>
			<th>Column content 2</th>
			<th>Column content 3</th>
			<th>Column content 4</th>
		</tr>
	</tbody>
	</table>
</div>

Striped

Another option is a striped table, add the class table-striped to activate it. This form of table is useful when the amount of content in each cell is minimal and the comparison between data entries is important.

Most common formOther words in the family
analysisanalyse, analysed, analyser, analysers, analyses, analysing, analyst, analysts, analytic, analytical, analytically
approachapproachable, approached, approaches, approaching, unapproachable
areaareas
assessmentassess, assessable, assessed, assesses, assessing, assessments, reassess, reassessed, reassessing, reassessment, unassessed
assumeassumed, assumes, assuming, assumption, assumptions
authorityauthoritative, authorities
availableavailability, unavailable
<div class="table-responsive">
	<table class="table-striped">
	<thead>
		<tr>
			<th>Column heading 1</th>
			<th>Column heading 2</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<th>Column content 1</th>
			<th>Column content 2</th>
		</tr>
	</tbody>
	</table>
</div>