GET api/Fees

<div class="input-group">
    <label class="sr-only" for="filter">Filter</label>
    <span class="input-group-addon">Filter</span>
    <input id="filter" type="text" class="form-control" placeholder="Filter..." />
</div>
<table class="hdc-table table default" data-filter="#filter">
    <thead>
        <tr>
            <th data-toggle="true" class="footable-first-column">
                Item
            </th>
            <th>
                Fee
            </th>
            <th data-hide="phone">
                Section
            </th>
            <th data-hide="phone">
                Category
            </th>
            <th data-hide="phone">
                Keywords
            </th>
        </tr>
    </thead>
    <tbody>
            <tr>
                <td>
                    sample string 2
                </td>
                <td>
                    3
                </td>
                <td>
                    sample string 4
                </td>
                <td>
                    sample string 5
                </td>
                <td>
                    sample string 6
                </td>
            </tr>
            <tr>
                <td>
                    sample string 2
                </td>
                <td>
                    3
                </td>
                <td>
                    sample string 4
                </td>
                <td>
                    sample string 5
                </td>
                <td>
                    sample string 6
                </td>
            </tr>
            <tr>
                <td>
                    sample string 2
                </td>
                <td>
                    3
                </td>
                <td>
                    sample string 4
                </td>
                <td>
                    sample string 5
                </td>
                <td>
                    sample string 6
                </td>
            </tr>
    </tbody>
    <tfoot class="hide-if-no-paging">
        <tr>
            <td colspan="6">
                <ul class="pagination pagination-centered hide-if-no-paging"></ul>
            </td>
        </tr>
    </tfoot>
</table>

[
  {
    "id": 1,
    "item": "sample string 2",
    "fee1": 3.0,
    "section": "sample string 4",
    "category": "sample string 5",
    "keywords": "sample string 6"
  },
  {
    "id": 1,
    "item": "sample string 2",
    "fee1": 3.0,
    "section": "sample string 4",
    "category": "sample string 5",
    "keywords": "sample string 6"
  },
  {
    "id": 1,
    "item": "sample string 2",
    "fee1": 3.0,
    "section": "sample string 4",
    "category": "sample string 5",
    "keywords": "sample string 6"
  }
]

<ArrayOfFee xmlns:i="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://schemas.datacontract.org/2004/07/HDCAPIModel.Models">
  <Fee>
    <Category>sample string 5</Category>
    <Fee1>3</Fee1>
    <ID>1</ID>
    <Item>sample string 2</Item>
    <Keywords>sample string 6</Keywords>
    <Section>sample string 4</Section>
  </Fee>
  <Fee>
    <Category>sample string 5</Category>
    <Fee1>3</Fee1>
    <ID>1</ID>
    <Item>sample string 2</Item>
    <Keywords>sample string 6</Keywords>
    <Section>sample string 4</Section>
  </Fee>
  <Fee>
    <Category>sample string 5</Category>
    <Fee1>3</Fee1>
    <ID>1</ID>
    <Item>sample string 2</Item>
    <Keywords>sample string 6</Keywords>
    <Section>sample string 4</Section>
  </Fee>
</ArrayOfFee>

([{"id":1,"item":"sample string 2","fee1":3.0,"section":"sample string 4","category":"sample string 5","keywords":"sample string 6"},{"id":1,"item":"sample string 2","fee1":3.0,"section":"sample string 4","category":"sample string 5","keywords":"sample string 6"},{"id":1,"item":"sample string 2","fee1":3.0,"section":"sample string 4","category":"sample string 5","keywords":"sample string 6"}]);