Theme-Logo
  • 5
    • Notifications
    • Generic placeholder image
      John Doe

      Lorem ipsum dolor sit amet, consectetuer elit.

      30 minutes ago
    • Generic placeholder image
      Joseph William

      Lorem ipsum dolor sit amet, consectetuer elit.

      30 minutes ago
    • Generic placeholder image
      Sara Soudein

      Lorem ipsum dolor sit amet, consectetuer elit.

      30 minutes ago
  • 3
  • User-Profile-Image John Doe
    • Settings
    • Profile
    • My Messages
    • Lock Screen
    • Logout
Generic placeholder image
Josephin Doe
Generic placeholder image
Lary Doe
Generic placeholder image
Alice
Generic placeholder image
Alia10 min ago
Generic placeholder image
Suzen15 min ago
Josephin Doe
Generic placeholder image

I'm just looking around. Will you tell me something about yourself?

8:20 a.m.

Ohh! very nice

8:22 a.m.

Generic placeholder image

can you come with me?

8:20 a.m.

Navigation
  • Dashboard
    • Default
    • CRM
    • Analytics NEW
  • Page layouts NEW
    • Vertical
      • Static Layout
      • Header Fixed
      • Compact
      • Sidebar Fixed
    • Horizontal
      • Static Layout
      • Fixed layout
      • Static With Icon
      • Fixed With Icon
    • Bottom Menu
  • Navigation
  • Widget 100+
    • Statistic
    • Data
    • Chart Widget
UI Element
  • Basic
    • Alert
    • Breadcrumbs
    • Button
    • Box-Shadow
    • Accordion
    • Generic Class
    • Tabs
    • Color
    • Label Badge
    • Progress Bar
    • List
    • Tooltip And Popover
    • Typography
    • Other
  • Advance
    • Draggable
    • Modal
    • Notifications
    • Rating
    • Range Slider
    • Slider
    • Syntax Highlighter
    • Tour
    • Tree View
    • Nestable
    • Toolbar
    • X-Editable
  • Extra
    • Session Timeout
    • Session Idle Timeout
    • Offline
  • Animations
  • Icons
    • Font Awesome
    • Themify
    • Simple Line Icon
Forms
  • Form
    • Components
    • Add-On
    • Advance
    • Validation
  • Form Picker NEW
  • Form Select
  • Form Masking
  • Form Wizard
Tables
  • Bootstrap Table
    • Basic Table
    • Sizing Table
    • Border Table
    • Styling Table
  • Data Table
    • Basic Initialization
    • Advance Initialization
    • Styling
    • API
    • Ajax
    • Server Side
    • Plug-In
    • Data Sources
  • DT Extensions
    • AutoFill
    • Button
      • Basic Button
      • Data Export
    • Col Reorder
    • Fixed Columns
    • Fixed Header
    • Key Table
    • Responsive
    • Row Reorder
    • Scroller
    • Select Table
  • FooTable
  • Handson Table
    • Appearance
    • Data Operation
    • Rows Columns
    • Columns Only
    • Cell Features
    • Cell Types
    • Integrations
    • Rows Only
    • Utilities
  • Editable Table
Chart And Maps
  • Charts
    • Google Chart
    • ChartJs
    • List Chart
    • Float Chart
    • Knob chart
    • Morris Chart
    • Nvd3 Chart
    • Peity Chart
    • Radial Chart
    • Rickshaw Chart
    • Sparkline Chart
    • C3 Chart
  • Maps
    • Google Maps
    • Vector Maps
    • Google Map Search API
    • Location
Pages
  • Authentication
    • Login
    • Registration
    • Forgot Password
    • Lock Screen
  • Maintenance
    • Error
    • Comming Soon
    • Offline UI
  • Email
    • Compose Email
    • Inbox
    • Read Mail
App
  • To-Do
Extension
  • Editor
    • CK-Editor
    • WYSIWYG Editor
  • Event Calendar
    • Full Calendar
    • CLNDER NEW
  • IC Image Cropper
  • File Upload
  • Change Loges 1.0
Other
  • Menu Levels
    • Menu Level 2.1
    • Menu Level 2.2
      • Menu Level 3.1
    • Menu Level 2.3
  • D Disabled Menu
  • Sample Page
HandsonTable Appearance
lorem ipsum dolor sit amet, consectetur adipisicing elit
  • Handson Table
  • Appearance
Customizing Borders
To enable the custom borders feature, set the customBorders option. It could be set as true or initialized as an array with predefined setup. To initialize Handson table with predefined custom borders, provide cells coordinates and border styles in form of an array: with row/col pairs: {row: 2, col: 2, left: { /*...*/ }} or with range details: {range: {from: {row: 1, col: 1}, to:{row: 3, col: 4}}, left: { /*...*/ }}
Mobiles And Tablets
Currently Handson table supports only iPad 4 in a basic scope. Mobile editor and selecting modes are enabled automatically if you're viewing Handson table on a mobile device. Open this page on iPad 4 and play with the demo below: