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
Scroller
lorem ipsum dolor sit amet, consectetur adipisicing elit
  • Data Table
  • Scroller
Basic Table Scroll
Scroller is a plug-in for DataTables which enhances built-in scrolling features to allow large amounts of data to be rendered on page very quickly. This is done by Scroller through the use of a virtual rendering technique that will render only the part of the table that is actually required for the current view. Scroller assumes that all rows are of the same height (in order to preform the required calculations). Demo data in this example has 2,500 rows.
ID First name Last name ZIP / Post code Country
State Saving
Scroller will automatically integrate with DataTables in order to save the scrolling position of the table, if state saving is enabled in the DataTable (stateSave). This example shows that in practice - to demonstrate, scroll the table and then reload the page.
ID First name Last name ZIP / Post code Country
API
Scroller will automatically integrate with DataTables in order to save the scrolling position of the table, if state saving is enabled in the DataTable (stateSave). This example shows that in practice - to demonstrate, scroll the table and then reload the page.
ID First name Last name ZIP / Post code Country