anchor.diff:          <div className={'col-right'}>
             <div className={'tab-pane ui-tabs ui-widget ui-widget-content ui-corner-all'} id='groups-tabs'>
               <AddGroupButton refresh={this.props.refresh} />
  -            <Table data={groups_data} columns={columns} filters={filters} 
  +            <Table data={groups_data}
  +              columns={this.props.columns}
  +              filters={this.props.filters} 
                 selectable={true}
                 onSelectedRowsChange={this.props.onSelectedGroupsChange}
                 search_placeholder={'<%= j raw I18n.t('groups.search_groups') %>'} />
  
positive.code:     }
    });
  
    AddGroupButton = React.createClass({
      <% if @assignment.group_name_autogenerated %>
        createGroup: function() {
          jQuery.ajax({
  
negative.code: 
    // Table of students, on the left.
    var GroupsStudentsTable = React.createClass({
      getDefaultProps: function() {
        return {
          columns: [
            {
              id: 'user_name',
              content: '<%= j raw I18n.t('user.user_name') %>',
              sortable: true,
              searchable: true
            },
            {
              id: 'last_name',
              content: '<%= j raw I18n.t('user.last_name') %>',
              sortable: true,
              searchable: true,
            },
            {
              id: 'first_name',
              content: '<%= j raw I18n.t('user.first_name') %>',
              sortable: true,
              searchable: true
            }
          ],
          filters: [
            {
              name: 'all',
              text: '<%= j raw I18n.t('groups.all_students') %>',
              func: function(student) {
                return student;
              }
            },
            {
              name: 'unassigned',
              text: '<%= j raw I18n.t('groups.unassigned_students') %>',
              func: function(student) {
                return !student.assigned;
              }
            },
            {
              name: 'assigned',
              text: '<%= j raw I18n.t('groups.assigned_students') %>',
              func: function(student) {
                return student.assigned;
              }
            },
            {
              name: 'inactive',
              text: '<%= j raw I18n.t('groups.inactive_students') %>',
              func: function(student) {
                return student.hidden;
              }
            }
          ]
        };
      },
      render: function() {
        var students_data = this.props.students.map(function(student) {
          var s = {};
          s['id'] = student.id;
  