anchor.diff:        'sortable': true,
         'editor': 'TextEditor'
       }),
  -    new cj.Column.fromMap({'id': "%", 'name': "(nubmer)", 'field': "pc2", 'sortable': true, 'editor': 'TextEditor'}),
  +    new cj.Column.fromMap({
  +      'id': "%",
  +      'name': "int (nubmer)",
  +      'field': "pc2",
  +      'sortable': true,
  +      'editor': 'TextEditor'
  +    }),
       new cj.Column.fromMap({'id': "start", 'name': "finish", 'field': "finish"}),
  -    new cj.Column.fromMap({'id': "%_2", 'name': "(number)", 'field': "pc", 'editor': 'TextEditor'}),
  -    new cj.Column.fromMap({'id': "effort", 'name': "(bool)", 'field': "effortDriven", 'width': 300})
  +    new cj.Column.fromMap({
  +      'id': "%_2",
  +      'name': "String (number)",
  +      'field': "pc",
  +      'editor': 'TextEditor'
  +    }),
  +    new cj.Column.fromMap({
  +      'id': "effort",
  +      'name': "(bool)",
  +      'field': "effortDriven",
  +      'width': 300
  +    })
     ];
     //cj.CheckboxSelectColumn checkboxCol=new cj.CheckboxSelectColumn({   'cssClass': "slick-cell-checkboxsel" });
     // column.insert(0,checkboxCol.getColumnDefinition());
     cj.FilteredList data = new cj.FilteredList();
  -  for (var i = 0; i < 5; i++) {
  +  for (var i = 0; i < 55; i++) {
       data.add({
         'dtitle': new math.Random().nextInt(100).toString(),
         'duration': new math.Random().nextInt(100),
  
positive.code: import 'package:slickdart/slick.dart' as cj;
  import 'dart:math' as math;
  import 'package:slickdart/plugin/autotooltip.dart';
  
  void main() {
    cj.SlickGrid grid = init();
  
negative.code: cj.SlickGrid init() {
    Element el = querySelector('#grid');
    List<cj.Column> column = [
      new cj.Column.fromMap(
          {'id': "title", 'name': "Title1", 'field': "dtitle", 'sortable': true}),
      new cj.Column.fromMap({
        'width': 120,
        'id': "duration",
  