SlickGrid v2.1 - Implement virtual rendering for columns.

defunctzombie · Jul 6, 2012 · e4f25cb · e4f25cb
1 parent 5b42d6b
commit e4f25cb
Show file tree

Hide file tree

Showing 4 changed files with 354 additions and 90 deletions.
diff --git a/examples/example-spreadsheet.html b/examples/example-spreadsheet.html
@@ -23,6 +23,7 @@
   <div class="options-panel">
     <h2>Demonstrates:</h2>
     <ul>
+      <li>Virtual scrolling on both rows and columns.</li>
       <li>Select a range of cells with a mouse</li>
       <li>Use Ctrl-C and Ctrl-V keyboard shortcuts to cut and paste cells</li>
       <li>Use Esc to cancel a copy and paste operation</li>
@@ -66,10 +67,11 @@ <h2>Demonstrates:</h2>
     }
   ];
 
-  for (var i = 0; i < 26; i++) {
+  for (var i = 0; i < 100; i++) {
     columns.push({
       id: i,
-      name: String.fromCharCode("A".charCodeAt(0) + i),
+      name: String.fromCharCode("A".charCodeAt(0) + (i / 26) | 0) +
+            String.fromCharCode("A".charCodeAt(0) + (i % 26)),
       field: i,
       width: 60,
       editor: FormulaEditor

diff --git a/slick.grid.css b/slick.grid.css
@@ -12,7 +12,6 @@ classes should alter those!
 }
 
 .slick-header-columns, .slick-headerrow-columns {
-  width: 999999px;
   position: relative;
   white-space: nowrap;
   cursor: default;