Positioning of dragPreview about react-dnd HOT 5 CLOSED

Object.assign = Object.assign || require('object.assign')
FixedDataTable = require('fixed-data-table')
require('fixed-data-table/dist/fixed-data-table.css')
Table = FixedDataTable.Table
Column = FixedDataTable.Column
DragDropMixin = require('react-dnd').DragDropMixin
rows = [[1,2], [2,2], [2,2], [2,2], [2,2]]

rowGetter = (rowIndex) ->
  rows[rowIndex]

Row = React.createClass
  mixins: [DragDropMixin]
  configureDragDrop: (registerType) ->
    registerType('row', {
      dragSource: {
        beginDrag: ->
          {
            item: {
              id: this.props.id
            }
          }
      }
      dropTarget:
        over: (item) ->
          this.props.moveCard(item.id, this.props.id)
    })

  render: ->
    getDragState = @getDragState('row')
    isDragging = @getDragState.isDragging

    <div className='red' {...this.dragSourceFor('row')} {...this.dropTargetFor('row')}>
      hello
    </div>

module.exports = React.createClass
  displayName: 'Table'
  cellRender: (any_cellData, string_cellDataKey, object_rowData, number_rowIndex, any_columnData, number_width) ->
    <Row />
  render: ->
    <div>
      <Table rowHeight={40} rowGetter={rowGetter} rowsCount={rows.length} width={200} height={210} headerHeight={40} >
        <Column cellRenderer={@cellRender} label="lol" width={200} dataKey={0} />
      </Table>
    </div>