⚠ In case you've missed it, we have migrated to our new website, with a brand new forum. For more details about the migration you can read our blog post for website migration. This is an archived forum. ⚠

  •     

profile picture

Fixed Left Column

Started by , 25 June 2012 - 20:29 PM


timothyl88
  • profile picture
  • Member

Posted 25 June 2012 - 20:29 PM

Is there a simple way to set the far left column as fixed so when you scroll horizontally it stays in place? Sorta like freeze pane in excel. I searched and found someone suggesting datatables but I couldn't get that to work.

Thanks Tim

timothyl88
  • profile picture
  • Member

Posted 26 June 2012 - 14:30 PM

Any ideas?

timothyl88
  • profile picture
  • Member

Posted 27 June 2012 - 12:31 PM

Since no one had a solution I figured it out myself. Hope this helps someone in the future.

Step1: Use datatables theme: "$crud->set_theme('datatables');"
Step2: Add this JS Plugin file to your project(Fixed columns for datables) http://datatables.net/download/build/FixedColumns.min.js
Step3: Go to assets\grocery_crud hemes\datatables\js\datatables.js
Step4: At the top of the file modify oTable by following this guide: http://datatables.net/release-datatables/extras/FixedColumns/index.html

Extra Help: The key thing to add to the datables.js file is "new FixedColumns( oTable );" under the "oTable"