       <table className="table table-striped table-bordered">
         <tbody>
         {results.map(function(result, index) {
-          var mainRow = this.mainRow(result),
+          var mainRow = this.mainRow(result, index),
               extraRows = extraRowAttrs.map(this.extraRow);
               rows = [mainRow, extraRows];
-          if(this.props.rowNoShowingPlayer === index) {
+          if(this.state.rowNoShowingPlayer === index) {
             rows.push(
               <tr>
                 <td colSpan="10">

      mediaObj:  result.media_obj


  mainRow: (result) ->
    corpusHasSound = @props.corpus.has_sound
    `<tr>
      {this.idColumn(result)}
      {corpusHasSound
        ? <td className="span1">
            <button className="btn" AAaction="" togglejplayerBB=""><i className="icon-volume-up" /></button>
          </td>
        : null}
      {this.textColumns(result)}

  propTypes:
    resultPage: React.PropTypes.array
    corpus: React.PropTypes.object.isRequired

  getInitialState: ->
    rowNoShowingPlayer: null

  componentDidUpdate: (prevProps) ->
    # Create tooltips after a new result page is displayed
