     data = @getStudentRowData()
 
     rowGetter = (rowIndex) =>
-        @renderStudentRow(data.rows[rowIndex])
-
-      if data.rows.length > 0
-        <div className='course-scores-wrap'>
+      @renderStudentRow(data.rows[rowIndex])
+
+    if data.rows.length > 0
+      <div className='course-scores-wrap'>
           <span className='course-scores-title'>Student Scores</span>
           <ScoresExport courseId={courseId} className='pull-right'/>
           <CoursePeriodsNavShell

            courseId={courseId} />
          <div className='course-scores-container' ref='tableContainer'>
            <Table
              onColumnResizeEndCallback={(colWidth, columnKey) => @setState({colResizeWidth: colWidth, colResizeKey: columnKey})}
              rowHeight={46}
              rowGetter={rowGetter}
              rowsCount={data.rows.length}

        d.last_name.toLowerCase()
    )
    { headings: scores.data_headings, rows: if sort.asc then sortData else sortData.reverse() }
  onColumnResizeEndCallback: (colWidth, columnKey) ->
    @setState({colResizeWidth: colWidth, colResizeKey: columnKey})
  render: ->
    {courseId} = @props
    {period_id, tableWidth, tableHeight} = @state
