Может и по другому это делается в вебе

Что нужно?

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

Пока остановился на модальном диалоге с bootstrap. Вроде все работает, но проблема в том что не могу задать ширину диалога больше чем 750 пикселей. Меньше без проблем, а больше ну никак.

Вот что есть после экспериментов

div class="modal fade show" id="myModal" style="display: flex;  background-color: rgba(10,10,10,.8);" aria-modal="true" role="dialog">
    <div class="modal-dialog" style="height: 100%; width: 100%; ">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">@Title</h4>
                <button type="button" class="close" @onclick="@ModalCancel">×</button>
            </div>
            <div class="modal-body" >
                ...
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" @onclick=@ModalOk>Close</button>
            </div>
        </div>
    </div>
</div>

Что нужно?

Научиться пользоваться JSFiddle.

И дальше, что это мне дает? Играться я и у себя могу.

А вот найти прямой линк на нужный css никак не получается

https://jsfiddle.net/kyfv39we/

А без него работает как и ожидалось.

но проблема в том что не могу задать ширину диалога больше чем 750 пикселей

а где в приведенном примере устанавливается больше чем 750?

И дальше, что это мне дает? Играться я и у себя могу.

Ну, и играйся у себя. Если же ты ожидаешь вразумительных ответов/советов, потрудись сделать так, чтобы и другие могли "играться".

А вот найти прямой линк на нужный css никак не получается

https://getbootstrap.com/docs/5.0/getting-started/download...

https://jsfiddle.net/du2gr7aL/1/

потрудись сделать так, чтобы и другие могли "играться".

Аааа..., понял. Думал что нужно только бутстрап знать

https://jsfiddle.net/ecp4s9uh/

В яве скрипте похоже дело, размер дисплея как-то неправильно выбирает возможно.

устанавливается больше чем 750?

width: 100%;

Можно и так сделать

<div class="modal-dialog" style="width: 1200px; ">

Высота в % один фиг не работает.

Но вначале интересно, как в вебе показать что то не перегружая текущую страницу? Может сам принцип у меня неправильный?

width: 100%;
Можно и так сделать
Высота в % один фиг не работает.

Width - это ширина.

https://getbootstrap.com/docs/5.0/components/modal/

https://jsfiddle.net/tg9dxjpf/

Но вначале интересно, как в вебе показать что то не перегружая текущую страницу?

AJAX

Спасибо, только есть нюансы.

Бутстрап у меня загружается всегда и если его отключить подозреваю, что остальное не будет работать

https://jsfiddle.net/pogtkb96/

Width - это ширина.

Естественно, это были два, можно сказать, несвязанных предложения, сорри.

AJAX

У меня Blazor. Надо еще проверить, но что то мне кажется что AJAX там нет

Попробую еще предложенный вариант стырить.

Бутстрап у меня загружается всегда и если его отключить подозреваю, что остальное не будет работать

Что ты этим хотел сказать?

https://jsfiddle.net/pogtkb96/

Это что? У нас в CSS появился новый синтаксис?

Так там только CSS

Тогда работает, похоже тута

https://jsfiddle.net/4ha93c8u/

Надо еще в коде проверить

...

Спасибо заработало