Giter VIP home page Giter VIP logo

tablebox's Introduction

TableBox

Bug Fix

  • Multiple Dimension can be added with/without Show/Hide Column
  • Navigation on cell click erorr solved

Dimension Settings

  • Show Column IF : Show/Hide Column
  • Column Width : Set width of column in PX
  • Text Color : Cell text color
  • Background Color : Cell background color
  • Text Align : Align text (Left/Center/Right)
  • Text Size : in PX
  • Additional Style : can add standard css to column cell
  • Header Align : Align text (Left/Center/Right)
  • Header Text Color : Cell text color
  • Header Background Color : Cell background color
  • Header Column Span : HTML Attribute colspan
  • Navigation Type : URL & Sheet nav
  • Sheet Navigation : ass sheet ID
  • Hide Header : Hide header

Measure Settings

  • Show Column IF : Show/Hide Column
  • Column Width : Set width of column in PX
  • Text Color : Cell text color
  • Background Color : Cell background color
  • Text Align : Align text (Left/Center/Right)
  • Text Size : in PX
  • Additional Style : can add standard css to column cell
  • Header Align : Align text (Left/Center/Right)
  • Header Text Color : Cell text color
  • Header Background Color : Cell background color
  • Header Column Span : HTML Attribute colspan
  • Hide Header : Hide header
  • Sheet Navigation : By Column
  • Sheet Navigation : ass sheet ID
  • Sheet Navigation : By Cell
  • Select Value : Can add field & value
  • Value to select : Field Name & Value (Field;Value|Field;Value:Value2|...)

Table Settings

Header/Data Settings

  • Column Width : If enabled it will adjust as per provided width
  • Table Width : In PX/Percent
  • Wrap Text : will wrap text of whole table as per width of table
  • Border Color : Custom color for border
  • Header Font size : can add custom size
  • Default Header Style : Will apply default style to table header
  • Header CSS : Custom CSS for headers
  • Header Color : Cell text color
  • Header Background Color : Cell background color
  • Default Total Style : Apply default Total style
  • Total Color : Total text color
  • Total Background Color : Total background color
  • Total Cell Padding : can add padding in PX to total eg: 5px
  • Total Font size : can add custom size
  • Default Data Style : Will apply default style to table Data Cell
  • Data CSS : Custom CSS
  • Data Color : Cell text color
  • Data Background Color : Cell background color
  • Data Cell Padding : can add padding in PX to total eg: 5px

More Settings

  • Enable Selections
  • Enable Export Button
  • Single Selection
  • Selection Mode : Confirm/Dont Confirm
  • Enable Navigation : If not enabled then cannot navigate to sheet
  • Fixed Header
  • Fixed Footer
  • Fixed Left : Enter column count that has to b fixed
  • Enable Total
  • Total Align : Align text (Left/Center/Right)

Custom Header & Row

Header Row

  • Label : it is just for reference
  • Align : After/Before the column header
  • Add Cell : Adds a single cell
  • Label : it is just for reference
  • Colspan : HTML attribute
  • Text Color : text color
  • Text Background Color : background color
  • Custom CSS : can add standard CSS

Custom Row

  • Label : it is just for reference
  • Align : After/Before row
  • Add row after/before : Row number
  • Add Cell : Adds a single cell
  • Label : it is just for reference
  • Colspan : HTML attribute
  • Text Color : text color
  • Text Background Color : background color
  • Custom CSS : can add standard CSS

Sub-Total Row

  • Label : it is just for reference
  • Align : After/Before row
  • After which row to add : Row number
  • Format Help
  • Format Value : Format value use help of above Format Help
  • More Calc : Add custom calculation
  • More Calc String: Add custom text after the calculated value
  • Text Color : text color
  • Text Background Color : background color
  • Total Align : Align text (Left/Center/Right)
  • Custom CSS : can add standard CSS

Note : All other General settings i.e. Sorting, Add-ons, etc. are available.

Demo

Youtube Demo

TableBox

tablebox's People

Contributors

ajaykakkar93 avatar eugenezide avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.