```coffeescript
## Key-value table panel without a table header

## Example
#  React.createElement TablePanel,
#    type:  'success'
#    title: "Volume for each room"
#    obj:   { ocean: 23, air: 12, ... }

@MovingVolumePanel = React.createClass
  getInitialState: ->
    data: @props.data

  render: ->
    $ = React.DOM

    $.div
      className: "panel panel-#{ @props.type }"
      $.div
        className: 'panel-heading'
        @props.title
      $.div
        className: 'panel-body'
        $.table
          className: "table"
          $.tbody null,
            for key, i in Object.keys(@props.data)
              $.tr
                key: i # Requried by React.js
                $.td
                  className: 'lead'
                  key
                $.td
                  className: 'lead'
                  @props.data[key]
```

Adjust table widths for table panels
user
```coffeescript
## Key-value table panel without a table header

## Example
#  React.createElement TablePanel,
#    type:  'success'
#    title: "Volume for each room"
#    obj:   { ocean: 23, air: 12, ... }

@MovingVolumePanel = React.createClass
  getInitialState: ->
    data: @props.data

  render: ->
    $ = React.DOM

    $.div
      className: "panel panel-#{ @props.type }"
      $.div
        className: 'panel-heading'
        @props.title
      $.div
        className: 'panel-body'
        $.table
          className: "table table-striped"
          $.tbody null,
            for key, i in Object.keys(@props.data)
              $.tr
                key: i # Requried by React.js
                $.td
                  className: 'lead text-center col-sm-5'
                  key
                $.td
                  className: 'lead text-center col-sm-5'
                  @props.data[key]
```
assistant