HTML объединить 2 столбца в 1 с загрузкой 100% ширины 2 - PullRequest
Новая
       19

HTML объединить 2 столбца в 1 с загрузкой 100% ширины 2

0 голосов
/ 04 апреля 2019

В моем проекте .NET MVC есть следующая HTML-разметка: 

<div class="row">
    <div class="span6">@Model.Data</div>
    <div class="span6">@Model.OtherData</div>
</div>

Я получаю data с сервера. Поэтому я хочу сделать следующее: Если data пусто, то покажите other data с width = 100%. Просто чтобы уточнить, я хочу сделать что-то подобное: 

<div class="row">
    <div class="span12">@Model.OtherData</div>
</div>

Или наоборот.

Есть ли способ сделать это? Может быть, с использованием различных тегов HTML / классов CSS.

1 Ответ

3 голосов
/ 04 апреля 2019

По сути, вы просто хотите условно отобразить @Model.Data, только если это не null. Вы также можете установить класс col с помощью переменной и условно изменить эту переменную в зависимости от того, существует @Model.Data или нет. Попробуйте что-то вроде этого: 

@ {
    var colClass = 'span6';

    if (@Model.Data == null) {
      colClass = 'span12';
    }
}

<div class="row">
    @if (@Model.Data != null) {
        <div class="@colClass">@Model.Data</div>
    }
    <div class="@colClass">@Model.OtherData</div>
</div>
...