Planet_93

Вы можете как этот пустой лист послать на преставление, так его и передавать уже заполненным, например по кнопке сохранить.

Для реализации данных действия, я например использую:

1. Статическую библиотеку vue.js. Для рендеринга полученных данных.
2. Axios. Для запросов на сервер для получения данных.
3. Формат данных Json.

По факту получается так. Вы переходите на страницу. В этот момент во vue есть метод, который срабатывает при загрузке страницы.

mounted(){
axios.post("/Home/GetList", null).then(resp =>{
this.list = resp.data;
});
}

В этом методе (mounted) мы выполняем запрос на сервер.
Этот запрос стучится в метод GetList в контролере Home на сервере.

public JsonResult GetList(){
var res = db.TableList.GetAll();
return Json(res);
}

В контроллер приходит запрос. В контроллере вытаскиваете данные из таблицы и отдаете их клиенту.

Далее на клиенте данные получаются в переменную list во vue, и динамически данные появляются.

Потом пользователь изменяет какие-то данные и нажимает кнопку сохранить. Лист отправляется на сервер и там происходит изменения внесенные пользователем.

Пример

public class Customer
    {
        private string name;
        private int age;
        public int Id { get; set; }
        public string Name
        {
            set
            {
                if (name != null)
                {
                    Console.WriteLine("Поле уже заполнено " + name);
                }
                else
                {
                    name = value;
                }
            }
            get { return name; }         
        }
        public int Age
        {
            get { return age; }
            set
            {
                if (age != 0)
                {
                    Console.WriteLine("Поле уже заполнено " + age);
                }
                else
                {
                    age = value;
                }
            }
        }
        public Address[] Addresses { get; set; }
        public Job[] Jobs { get; set; }

    }

var isTrueSet = (myValue == 'true');

Более строго:

var isTrueSet = (myValue === 'true');

Раз вы используйте bootstrap, то и надо стараться использовать его стили.

Чтобы кнопка была во всю длину родителя используйте класс - btn-block

https://jsfiddle.net/planet_9329/hska8pz4/

Попробуйте так

for (var p in objData.multiple) {
            console.log(p);
            console.log(objData.multiple[p].prop);
        }

Результат в Console

filter
0
filter2
1
filter3
2

Набросал пример на Vue. Использовал его чтобы показать как это всё добавляется визуально (реактивно).

Возможно как здесь https://www.w3schools.com/howto/howto_css_switch.asp

С цветами только надо будет поиграться.

Попробуйте использовать свой стиль.

В CSS прописать класс, который будет работать при маленьком размере экрана

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
            .my-hidden {
                display: none;
            }
        }

И в HTML используйте его либо для самого таба, либо для теста

<li class="active"><a href="#tab0" data-toggle="tab" role="tab" aria-selected="false" aria-controls="tab0">
<i class="icofont-1x icofont icofont-file-alt"></i> <div class="my-hidden">Размер и тираж</div></a></li>

В данном случае текст Размер и тираж на мобильниках с разрешением меньше 480px по ширине появляться не будет

Попробуйте так

<span
        v-for=" infoItem  in infoData()"
        :key="infoItem.text"
        v-bind:class="[ infoItem.isVisible ? infoItem.fadeClass: '' , infoItem.defaultClass ]"
      >
        {{ infoItem.title}}
      </span>

new Chart(ctx, {
  type: 'bar',
  data: chartData,
  options: {
    scales: {
      yAxes: [{
        ticks: {
          beginAtZero: true,
          callback: function(value) {if (value % 1 === 0) {return value;}}
        }
      }]
    }
  }
});

Не вижу смысла вам платить деньги за курсы. Если у вас действительно есть желание изучать данный язык программирования, то есть много бесплатных источников.
Очень много подробного материала по c# вы можете найти на сайтах https://metanit.com/sharp и https://professorweb.ru/
Сайты на русском языке. На них вы найдете всё: начиная с подробного описания основ языка, заканчивая разработкой сайтов ASP .NET MVC и ASP .NET CORE, а также разработкой кроссплатформенных приложений под Android, iOS и Windows 10 в Xamarin.Forms

Если мы имеем такую таблицу:



То, выполнив такой запрос:

SELECT 
MAX(num) AS Name, 
COUNT(num) AS Count

FROM
dbo.TestTable
GROUP BY (num)

получим: