Добавить левый столбец в представление шаблона проекта MVC Net Core, которое исчезает при прокрутке пользователем вниз

Я создал шаблон MVC Core Net Project. Я создал таблицу Products Index из строительных лесов.

Как добавить столбец с левой стороны, как показано в красном поле? Это не боковая панель навигации, а просто столбец слева от категорий, относящихся к этой странице. Левый столбец должен исчезнуть, когда пользователь прокручивает страницу вниз. Это НЕ должно быть исправлено.

Столбец левое изображение

@model IPagedList<ElectronicsStore.Models.Product>
@{
    ViewBag.Title = "Products";
    int counter = 0;
}
@using X.PagedList;
@using X.PagedList.Mvc.Core;


<table class = "table" >
    <thead>
        <tr>
            <th class = "col3">
                @*@Html.DisplayNameFor(model => model.FirstOrDefault().ProductName)*@
            </th>
            <th class = "col4">
                @*@Html.DisplayNameFor(model => model.FirstOrDefault().ProductDescription)*@
            </th>
            <th></th>
        </tr>
    </thead>

    <tbody>
        @foreach (var item in ViewBag.OnePageOfProducts)
        {
        <tr>
            <td class = "col3">

                    <a href='@Url.Action("Details","Products" , new { id=item.ProductId })'>
                        <img src = "~/images/@(item.ImageLocation)"  data-holder-rendered = "true" >
                    </a>
                    <div class = "caption">

            </td>
            @*<td class = "col3">
                <img src = "~/images/@(item.ImageLocation)" data-holder-rendered = "true" />

            </td>*@
            <td class = "col4">

                    <br />
                    @item.ProductName

            </td>
        </tr>
        }
    </tbody>
</table>



@Html.PagedListPager((IPagedList)ViewBag.OnePageOfProducts, page => Url.Action("Index", new { page }))

C# HTML css asp.net-mvc asp.net-core