Edit in JSFiddle

GC.Spread.Views.LicenseKey =
  "GrapeCity-Internal-Use-Only,E181231176599373#B0nyzmeat6dRtyN9MndtpmVSNTQZ9GNMpFcRJTYJ3mQnNHZm34NKRkTMNHa7kUarNlTpZTTaJnTvUUST9UdSJnTrA5dzFVc44WO7hDbxwWZxE7MHhDbvIlc7l7QxZmeTRnTC3WZvcEWNlXTSFWN59kdYhzaPFFc0VFdKVjbCZ5YzkHd6k4aMdzcy5mYzJVbYZFNTBjZhFTcwp5QOJmWrFXM03yYi3mdwRWRx4GZPBnTzxkRygFe0Z5Srl6NrAHRqlTRUJmQ5x6KyJjR7gGUFh4Y4MlW5l5KPdXQOljU6pHcuJlZShWUCd6Z5AnMrMTWrJHVyIDVqNmRDlFcaFkI0IyUiwiIDJ4N4MzN5EjI0ICSiwyN7ETN4gDNygTM0IicfJye&Qf35VfikkR9IkI0IyQiwiIyEjL6ByUKBCZhVmcwNlI0IiTis7W0ICZyBlIsIyNxgDN4ADIyADOwkTMwIjI0ICdyNkIsICdl9mLsxWZoNnauUGbkRWamJiOiMXbEJCLi8LpnrJvk/IvlrKomPqgjb8gjfrgjf9gjz1gjz0gjDrgjLiOiEmTDJCLlVnc4pjIsZXRiwiIzczM9kTN6cTMxMjMxgTMiojIklkIs4XZzxWYmpjIyNHZisnOiwmbBJye0ICRiwiI34TQvEGUKFUbycmTzE6ZVZnYxVjd6YET7EGUvdGOGJGSyQnbWZ7bwN7YT3WbHlWaRZVS8p7VRhXUKBDRNNjazcnTzpleINkWMVHRLhmUZVlNZNkMoB7Z0l6uzDm";

var data = [{
    task: "ビジネスロジック",
    assignto: "開発部 山田",
    description: "UIとロジックの連携部",
    status: "設計中"
  },
  {
    task: "画面",
    assignto: "開発部 佐藤",
    description: "アプリ画面の開発",
    status: "開発中"
  },
  {
    task: "データベース",
    assignto: "開発部 松島",
    description: "DB設計と構築・管理",
    status: "開発中"
  },
  {
    task: "クラウド同期",
    assignto: "開発部 亀井",
    description: "設定のcloud保存",
    status: "開発中"
  },
  {
    task: "課金システム",
    assignto: "開発部 田中",
    description: "支払いシステムの開発",
    status: "テスト中"
  },
  {
    task: "ユーザー管理",
    assignto: "開発部 三井",
    description: "利用者管理の開発",
    status: "テスト中"
  }
];

//--------------------------
// Spread.Views 列定義
//--------------------------
var columns = [{
    // 1列目の設定:タスク名
    id: "task",
    caption: "タスク名",
    dataField: "task"
  },
  {
    // 2列目の設定:概要
    id: "description",
    caption: "概要",
    dataField: "description"
  },
  {
    // 3列目の設定:担当者
    id: "assignto",
    caption: "担当者",
    dataField: "assignto"
  }
];

// Spread.Viewsに設定するグリッドインスタンスの生成
var gridLayout = new GC.Spread.Views.Plugins.GridLayout({
  rowHeight: 30
});

// Spread.Viewsを配置するDOM要素の取得
var domSV = document.getElementById("grid1");
var dataView = new GC.Spread.Views.DataView(domSV, data, columns, gridLayout);
<!-- Spread.Viewsを配置するDOM -->
<div id="grid1" class="spreadViews"></div>
/* Spread.Viewsのサイズ指定 */
.spreadViews {
  width: 600px;
  height: 270px;
  margin: auto;
}

body {
  font-size: 14px;
  background-color: #eae8da;
}

.gc-viewport {
  background-color: #f9f9f5;
}