HTML表格可最大化至全屏

Question

我一直在努力寻找一个示例表，该表具有一个最大化按钮来占据全屏。

想象一下，某处有一个将此icon作为按钮的表，然后单击它，然后表变为全屏。

Bootstrap或其他任何版本都可以：）

Answer 1

这是一个纯Javascript演示：

# from rest_api_demo.database import db
# from rest_api_demo.database.models import Post, Category
from db import db
from models.cow import CowModel
from models.vaccine import VaccineModel


def create_cow(data):
pub_id = data.get('pub_id')
private_id = data.get('private_id')
heredity = data.get('heredity')
cow = CowModel(pub_id, private_id, heredity)
db.session.add(cow)
db.session.commit()


def find_cow(data):
if data.get('heredity') == 'all':
    return CowModel.query.all()
if data.get('heredity'):
    return CowModel.query.filter_by(heredity=data.get('heredity')).all()


def give_vaccine(data):
vaccine_name = data.get('vaccine_name')
# date_given = data.get('date_given')
cow_id = data.get('cow_id')
print(data)
vaccine = VaccineModel(vaccine_name, cow_id)
print(vaccine)
db.session.add(vaccine)
db.session.commit()


def find_vaccine():
return VaccineModel.query.all()

#maximizableTable{
  position: absolute;
  width: 80%;
  top: 10%;
  left: 10%;
}