Fixing column widths in tables.

chrome/browser/resources/shared/js/cr/ui/table/table_splitter.js

 // Copyright (c) 2012 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @fileoverview This implements a splitter element which can be used to resize
  * table columns.
  *
  * Each splitter is associated with certain column and resizes it when dragged.
  * It is column model responsibility to resize other columns accordingly.
@@ skipping 37 matching lines @@
 
       this.columnWidth_ = cm.getWidth(this.columnIndex);
       this.nextColumnWidth_ = cm.getWidth(this.columnIndex + 1);
     },
 
     /**
      * Handles spliter moves. Sets new width of the column.
      * @param {Event} e Splitter event.
      */
     handleSplitterDragMove: function(deltaX) {
-      var cm = this.table_.columnModel;
-
-      var clientWidth = this.table_.querySelector('list').clientWidth;
-      var percentChange = deltaX * 100 / clientWidth;
-      var newColumnWidth = this.columnWidth_ + percentChange;
-
-      cm.setWidth(this.columnIndex, newColumnWidth);
+      this.table_.columnModel.setWidth(this.columnIndex,
+                                       this.columnWidth_ + deltaX);
     },
 
     /**
      * Handles end of the splitter dragging. Restores cursor.
      * @param {Event} e Splitter event.
      */
     handleSplitterDragEnd: function() {
       this.ownerDocument.documentElement.classList.remove('col-resize');
     },
   };
 
   /**
    * The column index.
    * @type {number}
    */
   cr.defineProperty(TableSplitter, 'columnIndex');
 
   /**
    * The table associated with the splitter.
    * @type {cr.ui.Table}
    */
   cr.defineProperty(TableSplitter, 'table');
 
   return {
     TableSplitter: TableSplitter
   };
 });