anchor.diff:        }
         this.props.onSelectedStudentsInGroupsChange(new_selected_students_in_groups);
       },
  -    refresh: function() {
  -      this.props.refresh();
  -    },
  -    render: function() {
  -      var columns = [
  -      {
  -        id: 'name',
  -        content: '<%= j raw I18n.t('groups.group_name') %>',
  -        sortable: true,
  -        searchable: true
  -      },
  -      {
  -        id: 'links',
  -        content: '<%= j raw I18n.t('actions') %>',
  -        sortable: false,
  -        searchable: false
  -      },
  -
  -      {
  -        id: 'members',
  -        content: '<%= j raw I18n.t('members') %>',
  -        sortable: false,
  -        searchable: false
  -      },
  -      ];
  -
  +    render: function() {
         var filters = [
         {
           name: 'all',
  
positive.code:         <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} 
                selectable={true}
                onSelectedRowsChange={this.props.onSelectedGroupsChange}
                search_placeholder={'<%= j raw I18n.t('groups.search_groups') %>'} />
  
negative.code:         <div className={'col-left'} >
            <div className={'tab-pane ui-tabs ui-widget ui-widget-content ui-corner-all'} id='students-tabs'>
              <Table data={students_data}
                     columns={this.props.columns}
                     filters={this.props.filters}
                     selectable={true}
                     onSelectedRowsChange={this.props.onSelectedStudentsChange}
                     search_placeholder={'<%= j raw I18n.t('students.search_students') %>'} />
  