default widths on table columns are now in percent, but user can voerride with anything

examples/indentedtree.html

@@ -95,7 +95,7 @@ var testOptions = {
       key: 'key',
       label: 'Name',
       showCount: true,
-      width: 50,
+      width: '75%',
       type: 'text',
       classes: function(d) { return d.url ? 'clickable name' : 'name' },
       click: function(d) {
@@ -105,7 +105,7 @@ var testOptions = {
     {
       key: 'type',
       label: 'Type',
-      width: 5,
+      width: '25%',
       type: 'text'
     }
   ],

nv.d3.js

@@ -2476,7 +2476,7 @@ nv.models.indentedTree = function() {
         options.columns.forEach(function(column) {
           theadRow1
             .append('th')
-              .attr('width', column.width ? column.width : 5)
+              .attr('width', column.width ? column.width : '10%')
               .style('text-align', column.type == 'numeric' ? 'right' : 'left')
             .append('span')
               .text(column.label);

src/models/indentedTree.js

@@ -54,7 +54,7 @@ nv.models.indentedTree = function() {
         options.columns.forEach(function(column) {
           theadRow1
             .append('th')
-              .attr('width', column.width ? column.width : 5)
+              .attr('width', column.width ? column.width : '10%')
               .style('text-align', column.type == 'numeric' ? 'right' : 'left')
             .append('span')
               .text(column.label);