feat: Adjust anywidget CSS to prevent overflow

The anywidget display was taking up the full width of the container, even when the container was smaller than the widget. This change adjusts the CSS to use `display: inline-block` to ensure that the widget scales to the width of the container.

Author: shuoweil

bigframes/display/table_widget.css

@@ -14,6 +14,10 @@
  * limitations under the License.
  */
 
+.bigframes-widget {
+display: inline-block;
+}
+
 .bigframes-widget .table-container {
 max-height: 620px;
 overflow: auto;

bigframes/display/table_widget.js

@@ -36,8 +36,7 @@ const Event = {
  */
 function render({ model, el }) {
 // Main container with a unique class for CSS scoping
-const container = document.createElement("div");
-container.classList.add("bigframes-widget");
+el.classList.add("bigframes-widget");
 
 // Structure
 const tableContainer = document.createElement("div");
@@ -149,10 +148,8 @@ function render({ model, el }) {
 footer.appendChild(paginationContainer);
 footer.appendChild(pageSizeContainer);
 
-container.appendChild(tableContainer);
-container.appendChild(footer);
-
-el.appendChild(container);
+el.appendChild(tableContainer);
+el.appendChild(footer);
 
 // Initial render
 handleTableHTMLChange();