Встроенный файл Excel Online SharePoint не отображает горизонтальную полосу прокрутки

Question

Желаемое поведение

Вставьте документ Excel, размещенный в SharePoint Online, на страницу HTML.

Фактическое поведение

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

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

Что я пробовал

Я выполнил инструкции здесь:

https://support.microsoft.com/en-us/office/embed-your-excel-workbook-on-your-web-page-or-blog-from-sharepoint-or-onedrive-for-business-7af74ce6-e8a0-48ac-ba3b-a1dd627b7773

К сожалению, из-за ограничений клиента я не могу поделиться ссылкой, чтобы продемонстрировать проблему, поскольку, похоже, нет способа «анонимизировать» ссылки общего доступа Microsoft 365.

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

Левый столбец и верхняя строка: frozen panes.

Я ожидаю, что я смогу 'прокрутить до правильное ', как я могу в Excel онлайн.

This is the format of the embed code used:

<iframe height="500" width="100%" frameborder="0" scrolling="no" src="https://my-tenant.sharepoint.com/:x:/s/site-name/********?e=*****s&action=embedview&wdHideSheetTabs=True&wdAllowInteractivity=False&wdHideGridlines=True&wdDownloadButton=True"></iframe>

Не думаю это проблема, которую можно решить, обернув iframe в div с каким-то свойством переполнения на нем - кажется, горизонтальная полоса прокрутки внутри не отображается, встроенное iframe.

Answer 1

Эта ошибка исправлена.

Спасибо за такой подробный отзыв; это очень помогло нам быстро решить проблему.

Rotem Менеджер программ Excel

Answer 2

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

Это заставило меня взглянуть на элемент в Chrome инструментах разработчика, и я мог видеть, что причина, по которой горизонтальная полоса прокрутки не отображалась, заключается в том, что над ней помещен div (этот div взят из кода внедрения Microsoft).

Ниже приведены снимки экрана изменения свойства CSS элемента в Chrome инструментах разработчика:

With border: 1px solid red ...

With display:none...

The latter change allows the horizontal scroll bar to be visible (the desired behaviour).

But there is no way to override CSS within an iframe.

For reference, the relevant style is:

.ewa-stb-ltr.skeleton-sheet-bar-old, .ewa-stb-rtl.skeleton-sheet-bar-old {
    background-color: #F4F4F4;
    position: absolute;
    height: 27px;
    width: 100%;
    z-index: 1051;
    display: none; /* <--- adding this in chrome dev tools makes horizontal scrollbar visible */  
}