feat: Adjust anywidget CSS to prevent overflow (#1981)

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();