<div class="control-section">
    <ejs-grid id="@ViewBag.gridTrades" allowpaging="true" allowfiltering="true" allowsorting="true" locale="es-ES" datasource="@Model" width="100%">
        <e-grid-pagesettings pageCount="5" pageSizes="true"></e-grid-pagesettings>
        <e-grid-filtersettings type="Menu"></e-grid-filtersettings>
        <e-grid-columns>
            <e-grid-column field="Symbol" headertext="@Html.DisplayNameFor(model => model.Symbol)" width="120" textAlign="Left" minWidth="120" maxWidth="120"></e-grid-column>
            <e-grid-column field="Date" headertext="@Html.DisplayNameFor(model => model.Date)" customFormat="@(new { type ="date", format="dd/MM/yyyy" })" type="date" width="120" textAlign="Right"></e-grid-column>
            <e-grid-column field="BuyValue" headertext="@Html.DisplayNameFor(model => model.BuyValue)" format='C4' width="130" textAlign="Right" minWidth="130" maxWidth="130"></e-grid-column>
            <e-grid-column field="Quantity" headertext="@Html.DisplayNameFor(model => model.Quantity)" format='N4' width="130" textAlign="Right" minWidth="130" maxWidth="130"></e-grid-column>
            <e-grid-column field="InvestmentValue" headertext="@Html.DisplayNameFor(model => model.InvestmentValue)" format='C2' width="130" textAlign="Right" minWidth="130" maxWidth="130"></e-grid-column>
            <e-grid-column field="TodayCoinValue" headertext="@Html.DisplayNameFor(model => model.TodayCoinValue)" format='C4' width="130" textAlign="Right" minWidth="130" maxWidth="130"></e-grid-column>
            <e-grid-column field="TodayInvestmentValue" headertext="@Html.DisplayNameFor(model => model.TodayInvestmentValue)" format='C2' width="130" textAlign="Right" minWidth="130" maxWidth="130"></e-grid-column>
            <e-grid-column field="ResultsValue" headertext="@Html.DisplayNameFor(model => model.ResultsValue)" template="#resultsValueTemplate" format='C2' width="130" textAlign="Right" minWidth="130" maxWidth="130"></e-grid-column>
            <e-grid-column field="ResultsPercent" headertext="@Html.DisplayNameFor(model => model.ResultsPercent)"  template="#resultsPercentTemplate"  format='N2' width="100" textAlign="Center" minWidth="100" maxWidth="100"></e-grid-column>
            <e-grid-column textalign="Center" headertext="" width="150" template="<a rel='nofollow' title='Editar' href='@ViewData["ControllerEditActionUrl"]${Id}' class='e-flat'><i class='e-icons e-edit'></i> </a>"></e-grid-column>
        </e-grid-columns>
    </ejs-grid>
</div>