Iris/src/js/components/List.js

import React, { PropTypes } from 'react'
import { Link } from 'react-router'

export default class List extends React.Component{

	constructor(props) {
		super(props);
	}

	renderHeader(){
		if( !this.props.columns ) return null

		return (
			<div className="list-item header cf">
				{
					this.props.columns.map( (col, col_index) => {
						return <div className={'col w'+col.width} key={col_index}>{ col.name }</div>
					})
				}
			</div>
		)
	}

	render(){
		return (
			<div className="list">
				{ this.renderHeader() }
				{
					this.props.rows.map( (row, row_index) => {
						return (
							<Link to={ this.props.link_prefix + encodeURIComponent(row.uri)} className="list-item cf" key={row_index}>
								{
									this.props.columns.map( (col, col_index) => {
										return (
											<div className={'col w'+col.width} key={col_index}>
												{ row[col.name] ? row[col.name] : <span>-</span> }
											</div>
										)
									})
								}
							</Link>
						)
					})
				}
			</div>
		);
	}
}