Assingment Project

by Santosh Thakur

HTML

<div ng-app="tableData">
  <select>
  <option>Name 1</option>
  <option>Name 2</option>
  <option>Name 3</option>
  <option>Name 4</option>
  <option>Name 5</option>
  <option>Name 6</option>
  <option>Name 7</option>
</select>
<table>
  <tr>
    <th>Name</th>
    <th>Work Assign</th>
    <th>Assigned By</th>
    <th>Head 4</th>
    <th>Head 5</th>
    <th>Head 6</th>
    <th>Head 7</th>
  </tr>
  <tr>
    <td>Name 1</td>
    <td>Detail 2</td>
    <td>Detail 3</td>
    <td>Detail 4</td>
    <td>Detail 5</td>
    <td>Detail 6</td>
    <td>Detail 7</td>
  </tr>
  <tr>
    <td>Name 2</td>
    <td>Detail 2</td>
    <td>Detail 3</td>
    <td>Detail 4</td>
    <td>Detail 5</td>
    <td>Detail 6</td>
    <td>Detail 7</td>
  </tr>
  <tr>
    <td>Name 3</td>
    <td>Detail 2</td>
    <td>Detail 3</td>
    <td>Detail 4</td>
    <td>Detail 5</td>
    <td>Detail 6</td>
    <td>Detail 7</td>
  </tr>
  <tr>
    <td>Name 4</td>
    <td>Detail 2</td>
    <td>Detail 3</td>
    <td>Detail 4</td>
    <td>Detail 5</td>
    <td>Detail 6</td>
    <td>Detail 7</td>
  </tr>
  <tr>
    <td>Name 5</td>
    <td>Detail 2</td>
    <td>Detail 3</td>
    <td>Detail 4</td>
    <td>Detail 5</td>
    <td>Detail 6</td>
    <td>Detail 7</td>
  </tr>
  <tr>
    <td>Name 6</td>
    <td>Detail 2</td>
    <td>Detail 3</td>
    <td>Detail 4</td>
    <td>Detail 5</td>
    <td>Detail 6</td>
    <td>Detail 7</td>
  </tr>
  <tr>
    <td>Name 7</td>
    <td>Detail 2</td>
    <td>Detail 3</td>
    <td>Detail 4</td>
    <td>Detail 5</td>
    <td>Detail 6</td>
    <td>Detail 7</td>
  </tr>
  <tr>
    <td>Name 8</td>
    <td>Detail 2</td>
    <td>Detail 3</td>
    <td>Detail 4</td>
    <td>Detail 5</td>
    <td>Detail 6</td>
    <td>Detail 7</td>
  </tr>
  <tr>
    <td>Name 9</td>
    <td>Detail 2</td>
    <td>Detail 3</td>
    <td>Detail 4</td>
    <td>Detail 5</td>
    <td>Detail 6</td>
    <td>Detail 7</td>
  </tr>
  <tr>
    <td><input type="text" value="add" /></td>
    <td><input type="text" value="add"...

SCSS

* {
  margin: 0;
  padding: 0;
}

table {
  width: 100%;
  td,
  th {
    padding: 5px;
    text-align: left;
    border: 1px solid #ccc;
  }
}

JavaScript

var tabledata = angular.module('tableData', []);
console.log("tabledata", tabledata);