Stackposts Documentation Stackposts Documentation
  • Stackposts Documentation 2022 
    • Stackposts | Social Marketing Tool 
    • Waziper – WhatsApp Marketing Tool 
  • FAQs 
  • Download 
  • Blog 
Stackposts Documentation Stackposts Documentation
Stackposts Documentation
  • Stackposts Documentation 2022 
    • Stackposts | Social Marketing Tool 
    • Waziper – WhatsApp Marketing Tool 
  • FAQs 
  • Download 
  • Blog 

Docy Documentation

  • Elements
    • Tabs Widget
    • Notice / Message Widget
    • Accordions Widget
    • Cheatsheet Widget
    • Image Hotspots Widget
  • Content
    • Video Widget
    • Table Widget
    • Tooltip & Direction
    • Password Protected doc
    • Keyboard Shortcuts
    • List Items Style
  • Code Syntax Highlight
    • Code Dark Theme
    • Code Default Theme
    • Code Tomorrow Theme
    • Code Okaidia Theme
    • Code Twilight Theme
  • Layouts
    • Aesthetic Banner Design
    • No Search Banner
    • Full-width Layout
    • Full-width No Right Sidebar
    • Comment Closed
  • Footnotes
    • Footnote Default
    • Footnote 2 Columns
    • Footnote 3 Columns
    • Footnote 4 Columns
  • Changelogs
    • Changelogs Timeline
    • 2nd Depth
      • 3rd Depth
      • 3rd Depth Two
    • Demo Import
    • Plugins Installation
  • FAQs
    • How to Paginate a Post?
    • How to set site’s favicon?
    • How to apply custom CSS code.
loading
Popular Searches
  • Getting
  • WordPress
  • Layout
  1. Home
  2. Docs
  3. Private: Docy Documentation
  4. Content
  5. Table Widget
Updated on June 11, 2022

Docy Documentation

  • Elements
    • Tabs Widget
    • Notice / Message Widget
    • Accordions Widget
    • Cheatsheet Widget
    • Image Hotspots Widget
  • Content
    • Video Widget
    • Table Widget
    • Tooltip & Direction
    • Password Protected doc
    • Keyboard Shortcuts
    • List Items Style
  • Code Syntax Highlight
    • Code Dark Theme
    • Code Default Theme
    • Code Tomorrow Theme
    • Code Okaidia Theme
    • Code Twilight Theme
  • Layouts
    • Aesthetic Banner Design
    • No Search Banner
    • Full-width Layout
    • Full-width No Right Sidebar
    • Comment Closed
  • Footnotes
    • Footnote Default
    • Footnote 2 Columns
    • Footnote 3 Columns
    • Footnote 4 Columns
  • Changelogs
    • Changelogs Timeline
    • 2nd Depth
      • 3rd Depth
      • 3rd Depth Two
    • Demo Import
    • Plugins Installation
  • FAQs
    • How to Paginate a Post?
    • How to set site’s favicon?
    • How to apply custom CSS code.

Table Widget

Estimated reading: 3 minutes 448 views

A table is a collection of related data held in a table format within a database. It consists of columns and rows.

In relational databases, and flat file databases, a table is a set of data elements (values) using a model of vertical columns (identifiable by name) and horizontal rows, the cell being the unit where a row and column intersect.[

Table of Contents

  • Configuration Options
  • Default Tables
  • Basic Tables
  • Dark Mode Table

Configuration Options

Since Docly is based on Bootstrap 4, so you can safley use Bootstrap’s table classes to style your table. We also added more table styles and functionality to our template.

Name
background Color
The background color for the main area of the chart. Can be either a simple HTML color string, for example: 'red' or '#00cc00', or an object with the following properties.
background Color.stroke
The color of the chart border, as an HTML color string.

Type: string
Default: '#666'
background Color.stroke Width

The border width, in pixels.

Type: number
Default: 0

background Color.fill

The chart fill color, as an HTML color string.

Type: string
Default: 'white'

chartArea

An object with members to configure the placement and size of the chart area (where the chart itself is drawn, excluding axis and legends). Two formats are supported: a number, or a number followed by %. A simple number is a value in pixels; a number followed by % is a percentage. Example: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Type: object
Default: null
chartArea.backgroundColor
Chart area background color. When a string is used, it can be either a hex string (e.g., '#fdc') or an English color name. When an object is used, the following properties can be provided:
  • stroke: the color, provided as a hex string or English color name.
  • strokeWidth: if provided, draws a border around the chart area of the given width (and with the color of stroke).
Type: string or object
Default: 'white'
chartArea.left

How far to draw the chart from the left border.

Type: number or string
Default: auto
chartArea.top
How far to draw the chart from the top border.

Type: number or string
Default: auto

Default Tables

Since Docly is based on Bootstrap 4, so you can safley use Bootstrap’s table classes to style your table. We also added more table styles and functionality to our template.

Sample ID Reading #1 Reading #2 Reading #3 Reading #4
Manually
555
475
756
155
Shortcuts
478
754
124
688
Content
987
10
745
4187
Pomodoro timer
4187
688
478
756
Keyboard
4455
654
784
657
Manually
784
784
621
157
Timeline
884
254
105
356
Pomodoro
356
884
465
644

Basic Tables

Since Docly is based on Bootstrap 4, so you can safley use Bootstrap’s table classes to style your table. We also added more table styles and functionality to our template.

# First Name Last Name Username Email
Manually
555
475
756
155
Shortcuts
478
754
124
688
Content
987
10
745
4187
Pomodoro timer
4187
688
478
756
Keyboard
4455
654
784
657
Manually
784
784
621
157
Timeline
884
254
105
356
Pomodoro
356
884
465
644

Dark Mode Table

Since Docly is based on Bootstrap 4, so you can safley use Bootstrap’s table classes to style your table. We also added more table styles and functionality to our template.

# First Name Last Name Username Email
Manually
555
475
756
155
Shortcuts
478
754
124
688
Content
987
10
745
4187
Pomodoro timer
4187
688
478
756
Keyboard
4455
654
784
657
Manually
784
784
621
157
Timeline
884
254
105
356
Pomodoro
356
884
465
644
  • Tagged:
  • Content
  • Doc
  • New

Still stuck? How can we help?

How can we help?

A premium WordPress theme with integrated Knowledge Base, providing 24/7 community based support

Was this page helpful? Yes 6 No 1

Related articles

  • Code Okaidia Theme
  • Full-width No Right Sidebar
  • Changelogs Timeline
  • Image Hotspots Widget
  • Footnote 3 Columns
  • Footnote 4 Columns
  • Full-width Layout
  • Code Default Theme
  • Notice / Message Widget
  • Code Twilight Theme
  • Tabs Widget
  • Cheatsheet Widget
  • Accordions Widget
  • Code Dark Theme
  • Optimize Images
  • Aesthetic Banner Design
  • See More

Leave a Comment Cancel reply

You must be logged in to post a comment.

CONTENTS

Powered By Stackposts

Leaf Illustration

© 2022 All Rights Reserved by Stackposts